react

    React Course

    Modern frontend engineering with React, Hooks, Routing, State Management & production UI systems.

    120
    Lessons
    8
    Modules
    0/120
    Completed

    Architecture

    React Rendering Lifecycle

    From user interaction to efficient DOM updates via the Virtual DOM and reconciliation.

    User
    click / input
    Event
    handler
    setState
    hook update
    Virtual DOM
    new tree
    Diff
    reconciliation
    DOM Patch
    UI updated
    Components
    Function + JSX
    Hooks
    useState · useEffect
    Router
    Client routing
    State
    Context · Query · Zustand
    Curriculum

    Enterprise learning path

    8 modules · 120 lessons

    React Fundamentals

    0/15 complete
    1. 1
      React Home
      Next up

      React Home is one of the foundational pieces of modern React engineering.

    2. 2
      Introduction to React

      Introduction to React is one of the foundational pieces of modern React engineering.

    3. 3
      What is React?

      What is React?

    4. 4
      Why Developers Use React

      Why Developers Use React is one of the foundational pieces of modern React engineering.

    5. 5
      React vs Traditional JavaScript

      React vs Traditional JavaScript is one of the foundational pieces of modern React engineering.

    6. 6
      Installing React

      Installing React is one of the foundational pieces of modern React engineering.

    7. 7
      React Project Setup

      React Project Setup is one of the foundational pieces of modern React engineering.

    8. 8
      Vite Introduction

      Vite Introduction is one of the foundational pieces of modern React engineering.

    9. 9
      React Folder Structure

      React Folder Structure is one of the foundational pieces of modern React engineering.

    10. 10
      Understanding Single Page Applications

      Understanding Single Page Applications is one of the foundational pieces of modern React engineering.

    11. 11
      React Developer Tools

      React Developer Tools is one of the foundational pieces of modern React engineering.

    12. 12
      JSX Basics

      JSX Basics is one of the foundational pieces of modern React engineering.

    13. 13
      Rendering UI

      Rendering UI is one of the foundational pieces of modern React engineering.

    14. 14
      React Best Practices

      React Best Practices is one of the foundational pieces of modern React engineering.

    15. 15
      React Ecosystem Overview

      React Ecosystem Overview is one of the foundational pieces of modern React engineering.

    Components & JSX

    0/15 complete
    1. 16
      Introduction to Components

      Introduction to Components is one of the foundational pieces of modern React engineering.

    2. 17
      Functional Components

      Functional Components is one of the foundational pieces of modern React engineering.

    3. 18
      JSX Syntax

      JSX Syntax is one of the foundational pieces of modern React engineering.

    4. 19
      Props in React

      Props in React is one of the foundational pieces of modern React engineering.

    5. 20
      Component Reusability

      Component Reusability is one of the foundational pieces of modern React engineering.

    6. 21
      Component Composition

      Component Composition is one of the foundational pieces of modern React engineering.

    7. 22
      Conditional Rendering

      Conditional Rendering is one of the foundational pieces of modern React engineering.

    8. 23
      Lists & Keys

      Lists & Keys is one of the foundational pieces of modern React engineering.

    9. 24
      Event Handling

      Event Handling is one of the foundational pieces of modern React engineering.

    10. 25
      Forms in React

      Forms in React is one of the foundational pieces of modern React engineering.

    11. 26
      Controlled Components

      Controlled Components is one of the foundational pieces of modern React engineering.

    12. 27
      Styling Components

      Styling Components is one of the foundational pieces of modern React engineering.

    13. 28
      CSS Modules

      CSS Modules is one of the foundational pieces of modern React engineering.

    14. 29
      Tailwind CSS Basics

      Tailwind CSS Basics is one of the foundational pieces of modern React engineering.

    15. 30
      Real UI Components

      Real UI Components is one of the foundational pieces of modern React engineering.

    React Hooks

    0/15 complete
    1. 31
      Introduction to Hooks

      Introduction to Hooks is one of the foundational pieces of modern React engineering.

    2. 32
      useState

      useState is one of the foundational pieces of modern React engineering.

    3. 33
      useEffect

      useEffect is one of the foundational pieces of modern React engineering.

    4. 34
      useRef

      useRef is one of the foundational pieces of modern React engineering.

    5. 35
      useMemo

      useMemo is one of the foundational pieces of modern React engineering.

    6. 36
      useCallback

      useCallback is one of the foundational pieces of modern React engineering.

    7. 37
      useReducer

      useReducer is one of the foundational pieces of modern React engineering.

    8. 38
      Custom Hooks

      Custom Hooks is one of the foundational pieces of modern React engineering.

    9. 39
      Hook Rules

      Hook Rules is one of the foundational pieces of modern React engineering.

    10. 40
      Side Effects Management

      Side Effects Management is one of the foundational pieces of modern React engineering.

    11. 41
      Performance Optimization

      Performance Optimization is one of the foundational pieces of modern React engineering.

    12. 42
      Hook Debugging

      Hook Debugging is one of the foundational pieces of modern React engineering.

    13. 43
      Hook Best Practices

      Hook Best Practices is one of the foundational pieces of modern React engineering.

    14. 44
      Real Hook Examples

      Real Hook Examples is one of the foundational pieces of modern React engineering.

    15. 45
      Enterprise Hook Patterns

      Enterprise Hook Patterns is one of the foundational pieces of modern React engineering.

    Routing & API Integration

    0/15 complete
    1. 46
      React Router Introduction

      React Router Introduction is one of the foundational pieces of modern React engineering.

    2. 47
      BrowserRouter

      BrowserRouter is one of the foundational pieces of modern React engineering.

    3. 48
      Routes & Route

      Routes & Route is one of the foundational pieces of modern React engineering.

    4. 49
      Nested Routing

      Nested Routing is one of the foundational pieces of modern React engineering.

    5. 50
      Dynamic Routes

      Dynamic Routes is one of the foundational pieces of modern React engineering.

    6. 51
      Navigation Components

      Navigation Components is one of the foundational pieces of modern React engineering.

    7. 52
      API Integration Basics

      API Integration Basics is one of the foundational pieces of modern React engineering.

    8. 53
      Fetch API

      Fetch API is one of the foundational pieces of modern React engineering.

    9. 54
      Axios Integration

      Axios Integration is one of the foundational pieces of modern React engineering.

    10. 55
      Loading States

      Loading States is one of the foundational pieces of modern React engineering.

    11. 56
      Error Handling

      Error Handling is one of the foundational pieces of modern React engineering.

    12. 57
      Authentication Flow

      Authentication Flow is one of the foundational pieces of modern React engineering.

    13. 58
      Protected Routes

      Protected Routes is one of the foundational pieces of modern React engineering.

    14. 59
      API Optimization

      API Optimization is one of the foundational pieces of modern React engineering.

    15. 60
      Real SaaS API Workflow

      Real SaaS API Workflow is one of the foundational pieces of modern React engineering.

    State Management

    0/15 complete
    1. 61
      State Management Basics

      State Management Basics is one of the foundational pieces of modern React engineering.

    2. 62
      Local vs Global State

      Local vs Global State is one of the foundational pieces of modern React engineering.

    3. 63
      Context API

      Context API is one of the foundational pieces of modern React engineering.

    4. 64
      Context Providers

      Context Providers is one of the foundational pieces of modern React engineering.

    5. 65
      Redux Introduction

      Redux Introduction is one of the foundational pieces of modern React engineering.

    6. 66
      Redux Toolkit

      Redux Toolkit is one of the foundational pieces of modern React engineering.

    7. 67
      Zustand Basics

      Zustand Basics is one of the foundational pieces of modern React engineering.

    8. 68
      Async State Handling

      Async State Handling is one of the foundational pieces of modern React engineering.

    9. 69
      React Query Basics

      React Query Basics is one of the foundational pieces of modern React engineering.

    10. 70
      API Caching

      API Caching is one of the foundational pieces of modern React engineering.

    11. 71
      Optimistic UI

      Optimistic UI is one of the foundational pieces of modern React engineering.

    12. 72
      State Debugging

      State Debugging is one of the foundational pieces of modern React engineering.

    13. 73
      Enterprise State Architecture

      Enterprise State Architecture is one of the foundational pieces of modern React engineering.

    14. 74
      Performance Optimization

      Performance Optimization is one of the foundational pieces of modern React engineering.

    15. 75
      Real Production State Systems

      Real Production State Systems is one of the foundational pieces of modern React engineering.

    Advanced React Engineering

    0/15 complete
    1. 76
      Virtual DOM

      Virtual DOM is one of the foundational pieces of modern React engineering.

    2. 77
      React Reconciliation

      React Reconciliation is one of the foundational pieces of modern React engineering.

    3. 78
      React Fiber Architecture

      React Fiber Architecture is one of the foundational pieces of modern React engineering.

    4. 79
      Lazy Loading

      Lazy Loading is one of the foundational pieces of modern React engineering.

    5. 80
      Code Splitting

      Code Splitting is one of the foundational pieces of modern React engineering.

    6. 81
      Suspense

      Suspense is one of the foundational pieces of modern React engineering.

    7. 82
      Error Boundaries

      Error Boundaries is one of the foundational pieces of modern React engineering.

    8. 83
      Memoization

      Memoization is one of the foundational pieces of modern React engineering.

    9. 84
      Render Optimization

      Render Optimization is one of the foundational pieces of modern React engineering.

    10. 85
      Accessibility (a11y)

      Accessibility (a11y) is one of the foundational pieces of modern React engineering.

    11. 86
      Frontend Security

      Frontend Security is one of the foundational pieces of modern React engineering.

    12. 87
      XSS Prevention

      XSS Prevention is one of the foundational pieces of modern React engineering.

    13. 88
      React Testing

      React Testing is one of the foundational pieces of modern React engineering.

    14. 89
      Component Testing

      Component Testing is one of the foundational pieces of modern React engineering.

    15. 90
      Enterprise Frontend Patterns

      Enterprise Frontend Patterns is one of the foundational pieces of modern React engineering.

    Production Frontend Architecture

    0/15 complete
    1. 91
      Scalable Folder Structure

      Scalable Folder Structure is one of the foundational pieces of modern React engineering.

    2. 92
      Feature-Based Architecture

      Feature-Based Architecture is one of the foundational pieces of modern React engineering.

    3. 93
      Design Systems

      Design Systems is one of the foundational pieces of modern React engineering.

    4. 94
      Component Libraries

      Component Libraries is one of the foundational pieces of modern React engineering.

    5. 95
      Authentication Systems

      Authentication Systems is one of the foundational pieces of modern React engineering.

    6. 96
      JWT Frontend Flow

      JWT Frontend Flow is one of the foundational pieces of modern React engineering.

    7. 97
      Frontend Logging

      Frontend Logging is one of the foundational pieces of modern React engineering.

    8. 98
      Error Monitoring

      Error Monitoring is one of the foundational pieces of modern React engineering.

    9. 99
      SEO Optimization

      SEO Optimization is one of the foundational pieces of modern React engineering.

    10. 100
      Next.js Basics

      Next.js Basics is one of the foundational pieces of modern React engineering.

    11. 101
      SSR vs CSR

      SSR vs CSR is one of the foundational pieces of modern React engineering.

    12. 102
      Frontend Deployment

      Frontend Deployment is one of the foundational pieces of modern React engineering.

    13. 103
      CI/CD Frontend Workflow

      CI/CD Frontend Workflow is one of the foundational pieces of modern React engineering.

    14. 104
      Production Optimization

      Production Optimization is one of the foundational pieces of modern React engineering.

    15. 105
      Enterprise Frontend Systems

      Enterprise Frontend Systems is one of the foundational pieces of modern React engineering.

    Practice & Interview Preparation

    0/15 complete
    1. 106
      React Exercises

      React Exercises is one of the foundational pieces of modern React engineering.

    2. 107
      UI Challenges

      UI Challenges is one of the foundational pieces of modern React engineering.

    3. 108
      Hook Challenges

      Hook Challenges is one of the foundational pieces of modern React engineering.

    4. 109
      Routing Challenges

      Routing Challenges is one of the foundational pieces of modern React engineering.

    5. 110
      State Management Challenges

      State Management Challenges is one of the foundational pieces of modern React engineering.

    6. 111
      React Interview Questions

      React Interview Questions is one of the foundational pieces of modern React engineering.

    7. 112
      Mock Frontend Interviews

      Mock Frontend Interviews is one of the foundational pieces of modern React engineering.

    8. 113
      Real Frontend Scenarios

      Real Frontend Scenarios is one of the foundational pieces of modern React engineering.

    9. 114
      Debugging Challenges

      Debugging Challenges is one of the foundational pieces of modern React engineering.

    10. 115
      Performance Optimization Tasks

      Performance Optimization Tasks is one of the foundational pieces of modern React engineering.

    11. 116
      SaaS Dashboard Project

      SaaS Dashboard Project is one of the foundational pieces of modern React engineering.

    12. 117
      E-Commerce Frontend Project

      E-Commerce Frontend Project is one of the foundational pieces of modern React engineering.

    13. 118
      Portfolio Project

      Portfolio Project is one of the foundational pieces of modern React engineering.

    14. 119
      Enterprise Frontend Assessments

      Enterprise Frontend Assessments is one of the foundational pieces of modern React engineering.

    15. 120
      Production React Case Studies

      Production React Case Studies is one of the foundational pieces of modern React engineering.