- React Tutorial
- React Home
- React Setup
- React Introduction
- React ES6
- React Render HTML
- React JSX
- React Components
- React Class
- React Props
- React Events
- React Conditional
- React Lists
- React Forms
- React Router
- React Memo
- React CSS Styling
- React Hooks
- What is a Hook?
- React useState
- React useEffect
- React useContext
- React useRef
- React useReducer
- React useCallback
- React useMemo
- React Custom Hooks
React Introduction
- React, sometimes referred to as a frontend JavaScript framework, is a JavaScript library created by Facebook.
- React is a tool for building UI components.
How does React Work?
- React creates a VIRTUAL DOM in memory.
- Instead of manipulating the browser's DOM directly, React creates a virtual DOM in memory, where it does all the necessary manipulating before making changes in the browser DOM.
- React only changes what needs to be changed.
- React identifies the specific changes required and updates only those parts, reducing unnecessary browser rendering.
React.JS History
- The current version of React.JS is V18.0.0 (April 2022).
- The initial release to the public (V0.3.0) was in July 2013.
- React.JS was first used in 2011 for Facebook's Newsfeed feature.
- It was created by Facebook Software Engineer, Jordan Walke.
- The current version of create-react-app is v5.0.1 (April 2022).
- create-react-app includes built-in tools such as webpack, Babel, and ESLint.