React from Scratch: Fundamentals, Hooks & Routing

⚛️index.js
1 / 6
JS / JSX
localhost:3000
🕸️ vs ⚛️

DOM Manipulation...

Hello, React!

Building UI with components.

Guide:Welcome to React! Instead of manipulating the DOM manually, React uses a 'Declarative' approach with components.

React from Scratch: Fundamentals, Hooks & Routing

Duration: 4.0 hours
Lessons: 25
(4.6)

Start your journey with React, the most popular UI library. Learn to create components, manage state with Hooks (useState, useEffect, useContext), and handle navigation in Single Page Applications.

Curriculum

  • Introduction to React and its Ecosystem
  • Setting up the Development Environment
  • Component Concepts (Functional and Class)
  • JSX: Syntax and Usage
  • Props: Communication Between Components
  • State Management with useState
  • Lifecycle with useEffect
  • Event Handling
  • Conditional Rendering and Lists
  • Forms in React
  • Component Communication (Lifting State Up)
  • Context API for State Management
  • Custom Hooks
  • React Router (Basic Concepts)
  • Route Parameters and Nested Routes
  • Route Protection
  • Styling in React (CSS Modules, Styled Components, Tailwind CSS)
  • Controlled and Uncontrolled Components
  • Refs
  • Portals
  • High-Performance Rendering (memo, useCallback, useMemo)
  • Component Testing (Introduction)
  • Deploying React Applications
  • React Best Practices
  • Additional Resources and Community