Things to Know About REACT!!!

 

React was introduced by Facebook in the year 2013, introduced as "FaxJS". Facebook deployed it on their news feed section in 2011 and later on Instagram in 2012. And over the year 2013, it was being flashed as an open-source program. 

As there are lot of IT sector companies getting out with innovative solution in website development and designing using the react platform. Let's acknowledge and know more about React.

1) CAN WE CALL IT A FRAMEWORK OR NOT?

In context to the Angular or Ember can be called for a framework based platform as they are already loaded with a lot of pre-defined templates, whereas react is more of a coded program where everything needs to be written by the coder, It emphasis on helping the programmer as to build user interfaces using undefined components. React is very versatile in context to others and can be collaborated with other platforms as Rich JS, React Native ecosystem has a library for everything.

2) Defining JSX

As we know about JSX is one of the prominent examples of React also the JS codes can be written easily over React.  As there is a coder who does not practice writing the entire set of codes and follow the path of crack, and that's one of the possibilities where Facebook came up with JSX.

3) What JAVASCRIPT PLAYS HERE

To generate markup dynamically in React you also use JS: It is observed that template is used by many of the popular frameworks, and every framework comes with its template. It becomes a little tough to use any framework as everyone has their template.

4) DEFINING ITS DECLARATIVE 

It is observed that declarative style is used to write components in React as in this <select> example you are not using for loop to manually create a mapped collection.

5) SEPARATE THE CONCERNS

HTML, JS & CSS are often kept together as a component in React, and for example to make a row on any grid put HTML, logic and behavior in one file.  “If you keep HTML and JS in separate files you can easily replace the HTML and keep the JS intact”.

6) FLOW OF DATA

Usually in React data goes down the tree of the components used and If you are passing data from a parent component to a child component props are usually used. HTML attributes are also known as props in context to JSX.

7) RENDERING PROCESS

As setState() call informs the React about state changes as  React calls render() method to update the components which are present in memory (Virtual DOM) and compares it with the rendered one on the browser.Even the smallest updates are made by react to the DOM if any changes occur. Child components also change as they know that they need to re-render because their props changed.

8) COMPOSITION

Container Components are usually known as the parent components that own the state, as they are important to state management and rendering child components. The child is used to trigger event handlers passed down from parents to display data. The container component is often responsible for fetching data, API calls ( lifecycle method) and so on.