- React – an introduction
- Create a new single-page React application
- Create React App project folder structure
- What is JSX
- Install Bootstrap in React project
- Components and props
- Add and display images in React application
- Conditional rendering in React
- Rendering lists in React
- Pure Components in React
- Understanding the Difference Between React State and React Props
- How to update a component every second in react?
- Why do we use array destructuring in useState?
- How to Enable Strict Mode?
- Understanding onClickCapture in React
- Preventing Automatic Batching in React
- How to Print false Values in React?
- React.memo
- React.lazy
- Why React component names must start with an uppercase letter?
- What is a Polyfill?
- displayName in React
- Managing Multiple Environment Configurations in Vite (React)
- How to prevent a component from rendering?
- Diffing algorithm (reconciliation algorithm) in React
- Concurrent Rendering in React
- Prop Drilling in React
- Understanding Default Values in React Context
- Problems of Using Render Props with Pure Components in Functional React
- What is Windowing Technique in React?
- react-error-boundary component
- Controlled vs Uncontrolled Components in React
- What is React Fiber?
- Virtual DOM in React
- What are synthetic events in React?
- What is the difference between declarative and imperative in React?
- Can you force a component re-render without calling setstate?
- How to listen to state changes in react?
- What is a Higher-Order Component (HOC) in React?
- Children prop in React
- How to apply validation on props in React?
- Call hook on a condition like button click or input value
- Programmatically trigger click event in react
- Keyed Fragment in React
- React.proptypes.shape
- How do you access props in attribute quotes?
- Difference Between react and react-dom
- htmlFor in React
- React inline styling
- Loading different theme CSS files based on locale in React Application
- React.FC
- Error boundary in React functional component
- Debouncing in React – An Example
- Data Compression in React While Calling APIs
Hooks
- useState hook
- React useEffect Hook
- React useId hook
- React useMemo hook
- useRef Hook
- useCallback Hook in React
- Custom Hooks in React
- useLayoutEffect