React Notebook

I’m creating an online handbook about React that will cover all the basic topics. Unlike a physical handbook, this online book will evolve over time as I continue to learn and grow. I’ll keep updating the topics whenever I discover something new.

Please note that these essays and notes are not entirely my original work. I’ve compiled them from various sources, including books, blogs, videos, and even ChatGPT. I’ve credited the original authors at the bottom of each post. My goal is to create a personal reference notebook that I can use to revisit concepts and to make this resource publicly available for others to benefit from as well.

What is React

• What is React?
• What is React DOM?
• Difference between React and React DOM
• How React works?
• What is React Reconciliation?
• Rules of React
  • Components and Hooks must be pure
  • React calls Components and Hooks
  • Rules of Hooks

CLI Tools

• Create a project with Vite.
• Create a project with Create React App

Components

• React components
  • Class components
  • Functional components
  • Controlled and uncontrolled components
• JSX
• State: A Component’s Memory
  • Types of states
  • Lifting state up
• Props
• Conditional rendering
• Composition

Built-in React Components

• Fragment
• Profiler
• StrictMode
• Suspense

Rendering

• Components life cycle
• List and keys
• Render props
• Refs
• Events
• High Order Components

Hooks

• Hooks
• useCallback
• useContext
• useDebugValue
• useDeferredValue
• useEffect
• useId
• useImperativeHandle
• useMemo
• useReducer
• useRef
• useState
• useSyncExternalStore
• useTransition

Custom Hooks

• React custom hooks

Deployment

• How to deploy React app in Firebase?