📄️ Setup
Installation
📄️ React Lifecycle
Three steps of react life cycle;
📄️ Error Boundaries
It catch JavaScript errors anywhere in their child component tree, log those errors, and display a fallback UI instead of the component tree that crashed.
📄️ Virtual DOM
A JavaScript alternative representation of the real DOM.
📄️ Code Splitting
Instead of downloading the entire app before users can use it, code splitting allows you to split your code into small chunks which you can then load on demand.
📄️ Portals & Refs
Portals
🗃️ Hooks
8 items
📄️ Controlled & Uncontrolled Component
HTML elements come with their internal state which is not coupled to React.
📄️ Stateless vs Stateful Components
component with state is stateful, and component without state is stateless.
📄️ Conditional Rendering
Conditional rendering in React works the same way conditions work in JavaScript. Use JavaScript operators like if or the conditional operator to create elements representing the current state, and let React update the UI to match them.
📄️ React Library & Packages
UI Library
📄️ JSX, Component, Element
JSX
📄️ Component Composition with Children
Component Composition with Children is a pattern in React where components are composed together by passing other components or elements as children to a parent component. This allows for greater flexibility and reuse of components, as the parent component can wrap or manipulate the children components without needing to know their specific details.
📄️ Higher Order Component
HOC is just a function that takes a component and returns a new one.
🗃️ React Forms
1 item
📄️ Error Handling
Error handling is a critical aspect of developing user-friendly React applications.