Sunday, April 29, 2018

Learn React Js with skptricks - A JavaScript library for building user interfaces

ReactJS is JavaScript library used for building reusable UI components. These components helps to render content in view layer only. React JS is specifically designed in such a way that it has a mid interactive layer called Virtual DOM which in turn interacts with DOM. This Virtual DOM helps in data loading very faster as per to loading or updating to Real DOM.

ReactJS, Tutorial, Learning, Overview, Environment Setup, JSX, Components, State, Props Overview, Props Validation, Component API, Component Life Cycle, Forms, Events, Refs, Keys, Router, Flux concept, Using Flux, Animations, Server side Rendering, Higher order Components, Best Practices.

These point will help you to  build more understanding on this :
  • Its focus is only on view/representation part, so you can choose library of your choice for the data management or the routing part.
  • Extensive code re-usability with the help of components.
  • You can control the unnecessary rendering of components with the help of React’s PureComponent or using shouldComponentUpdate.
  • Writing code in JSX (HTML + JavaScript). This makes a developer’s life very easy as it becomes very easy to design or understand a component.
  • The component life cycle lets you know when a component is created or destroyed and perform any actions if required.

React Features :

  • JSX − JSX is JavaScript syntax extension. It isn't necessary to use JSX in React development, but it is recommended.
  • Components − React is all about components. You need to think of everything as a component. This will help you maintain the code when working on larger scale projects.
  • Unidirectional data flow and Flux −It provides a “unidirectional data flow” that helps to manage and organise data better and makes debugging a lot easier. React implements one-way data flow which makes it easy to reason about your app. Flux is a pattern that helps keeping your data unidirectional.
  • Redux - Redux is a library which controls the state of your JavaScript application. It has evolved from an idea of a flux architecture. 
  • Router - This is also a very important part as it’s an entry point of your application. There can be several routes in your application and you would need functionalities like validation, authentication, redirection, etc. depending upon the requirement. 
  • License − React is licensed under the Facebook Inc. 

React Limitations :

  • Uses inline templating and JSX, which might seem awkward to some developers.
  • Covers only the view layer of the app, hence you still need to choose other technologies to get a complete tooling set for development.

No comments:

Post a Comment