React Fundamental Concepts

Today I discuss about some fundamental concepts of React. Hopefully enjoy it.

What is React?

React is a Library of JavaScript for build in user interface. It’s not Framework. If you need you can use other library’s with React application. Library helps us to make application simply. Using React we make our application well organize and interesting.

How we identify a website/application use react or not?

React is a component-based JavaScript library. Component is a part of a website. We identify component in a website applying four ways. (a) Similar in look, different in data (b) store all components in a main container. © single unit and (d) breakdown components for specific use.

How React Works?

Basically, DOM is slow in an application API for HTML & XML documents. For make faster React implements a virtual DOM which is DOM tree representation in JavaScript. So, when it needs to CRUD DOM, it will use own virtual representation of it. Then virtual DOM try to find the best productivity way to update the browsers DOM.

Optimizing Performance

For production build use this command

For the most efficient Browserify production build.

Context API

In React always store different kinds of information in different states. Suppose in one application need to store products information, another state use for orders information. Many users order different kinds of product and admin want to show specific user for his/her own ordered products, not show all users information. Easily set up context API in routing admin can manage this feature.