Introduction of ReactJs

Prerequisite

•       Basic knowledge of HTML

•       Basic knowledge of CSS

•       JavaScript Implementation

•       ECMAScript knowledge will be useful

What is ReactJs ?

•       React is a JS library

•       Created by Facebook and open source

•       React is used to build reusable UI components

•       It is composable – means component can be integrated easily into another component

•       It’s a ‘V’ in MVC i.e. people uses it to build UI

•       React doesn’t work on actual DOM instead of Virtual DOM

•       React can also render server code using Node but that will be powerful for React native apps

•       React uses one directional data flow i.e. the data has only one way to be transferred to other parts of the application

Why ReactJs ?

•       Simple to learn as you can code using plain JS too but

•       Fast and Responsive – As it uses uni-directional data flow and work on virtual DOM

•       Composable Components – It can be assembled in any component easily

•       Pluggable – It can be easily integrated in any other technology as it only works on View layer

•       Vast community support as it backend and maintained by Facebook

Features of ReactJs 

•       Components – React is all about components, it is helpful to break complex UI into components and also helps to maintain large project

•       JSX – JSX is a JS syntax extension. In a simple language HTML code inside JS. Browser can’t read JSX code so compilers translate JSX into JS

•       Unidirectional data flow – One way data flow is being used in react. It means data goes from parent to child components and child components cannot directly modify themselves. But can pass a call back function with the help of which modifications takes place. This is called as “properties flow down; actions flow up”.

•       Virtual DOM – In react, ‘in memory data structure cache’ is crated which checks that what changes has been made updates the browser accordingly only for the related component

•       React Native – React has native libraries announced by Facebook in 2015, which provides the react architecture to native applications like IOS, Android and UPD.

•       Redux – convenient state container

Cons of ReactJs 

•       No full fledged document

•       Only ‘view’ oriented, no model and controller

•       Additional SEO code

•       Lots of developers dislike JSX React’s documentation, manuals are difficult for newcomers’ understanding

•       React’s large size library

•       JSX as a barrier

ReactJs Popular Examples

•       Facebook

•       Netflix

•       Airbnb

•       Instagram

•       Pinterest

•       Paypal

•       Dropbox

Top JS Frameworks for the Future

•       Angular

•       React

•       Vue

•       Ember

•       Meteor

•       Node

References

•       https://reactjs.org/docs