Price: $3,715.53
Company: ARCHITAX
Price: $1,448.36
Company: PLASMOX
Price: $3,934.77
Company: KIDSTOCK
Price: $3,904.70
Company: ZENCO
Price: $2,177.16
Company: KRAG
Price: $3,906.17
Company: CYTREK
Price: $1,057.61
Company: EARTHPLEX
Price: $3,286.20
Company: GYNKO
Price: $3,096.30
Company: BILLMED
Price: $2,580.18
Company: DREAMIA
Price: $3,887.06
Company: PROWASTE
Price: $2,118.85
Company: SLAMBDA
Price: $2,100.26
Company: ZILENCIO
Price: $3,806.47
Company: KEEG
Price: $3,867.29
Company: UNISURE
Price: $2,329.96
Company: MAGNAFONE
Price: $3,830.05
Company: DANCERITY
Price: $2,408.73
Company: UPLINX
Price: $1,162.08
Company: AMRIL
Price: $1,454.79
Company: GOLOGY
React is a declarative, efficient, flexible and an open-source JavaScript library for building user interfaces or UI components specifically for single-page applications. It's used for handling the view layer for web and mobile apps. React also allows us to create reusable UI components. React allows developers to create large web applications that can change data, without reloading the page. The main purpose of React is to be fast, scalable, and simple.
React uses virtual DOM to make rerender efficient and increase performance. A virtual DOM object is a representation of a real DOM object, like a lightweight copy. A virtual DOM object has the same properties as a real DOM object, but it lacks the real thing's power to directly change what's on the screen. Manipulating the DOM is slow. Manipulating the virtual DOM is much faster, because nothing gets drawn onscreen. Think of manipulating the virtual DOM as editing a blueprint, as opposed to moving rooms in an actual house.
Props | State |
---|---|
Props are used to pass data from one component to another. | state is a local data storage that is local to the component only and cannot be passed to other components. |
props are read-only. | state changes can be asynchronous way. |
props can not be modified. | state can be modified using this.setState. |
we can send state by using props to child component. | state actually stay where we declare it. |
useState(default value) is the hook that allows us to track state in a function component.