JSX is a syntax extension to JavaScript. It is used with React to describe what the user interface should look like. By using JSX, we can write HTML structures in the same file that contains JavaScript code.
Components
Components are the building blocks of any React application, and a single app usually consists of multiple components. It splits the user interface into independent, reusable parts that can be processed separately.
Virtual DOM
React keeps a lightweight representation of the real DOM in the memory, and that is known as the virtual DOM. When the state of an object changes, virtual DOM changes only that object in the real DOM, rather than updating all the objects.
One-way data-binding
React’s one-way data binding keeps everything modular and fast. A unidirectional data flow means that when designing a React app, you often nest child components within parent components.
High performance
React updates only those components that have changed, rather than updating all the components at once. This results in much faster web applications.
%2Fproduct%2F61%2F4253903%2F1.jpg%3F2535&w=256&q=75)
%2Fproduct%2F61%2F4253903%2F2.jpg%3F2535&w=256&q=75)
%2Fproduct%2F21%2F4000903%2F1.jpg%3F4639&w=256&q=75)
%2Fproduct%2F21%2F4000903%2F2.jpg%3F4639&w=256&q=75)
%2Fproduct%2F05%2F8950921%2F1.jpg%3F7994&w=256&q=75)
%2Fproduct%2F06%2F1797941%2F1.jpg%3F7095&w=256&q=75)
%2Fproduct%2F63%2F5086652%2F4.jpg%3F3221&w=256&q=75)
%2Fproduct%2F63%2F5086652%2F5.jpg%3F3221&w=256&q=75)