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
• Motive behind React.
• How React works?
• React Reconciliation
• Rules of React

CLI Tools

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

Components

• React components
  • Class components and 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
• Suspense
• StrictMode

Rendering

• Components life cycle
• List and keys
• Render props
• Refs
• Events
• High order components
• Strict Mode, React will call your calculation function twice.

Hooks

• useState
• useEffect
• useContext
• useMemo

Custom Hooks

• React custom hooks

Deployment

• How to deploy React app in Firebase?