Frontend

React — Building User Interfaces

The most popular library for building interactive UIs from reusable components. The “R” in MERN and the modern front-end standard.

34 lessons8 chaptersStart: What is React? →

1React Basics

What is React?30 min The Modern JavaScript React Needs35 min Setting Up a React Project (Vite)35 min JSX40 min Components40 min Props40 min

2Rendering Data

Lists & Keys40 min Conditional Rendering35 min Handling Events35 min Styling React Components35 min

3State & Core Hooks

State with useState45 min Forms & Controlled Inputs40 min Multiple Inputs, Checkboxes & Selects35 min Side Effects with useEffect45 min Fetching Data in React45 min useRef30 min

4Advanced Hooks

Sharing State with useContext35 min useReducer35 min useMemo & useCallback30 min Custom Hooks35 min

5Routing & Structure

React Router40 min Component Structure & Best Practices30 min

6Going Deeper: Production React

React with TypeScript45 min Error Boundaries35 min Code Splitting with lazy & Suspense35 min Server State with TanStack Query45 min Global State: Redux Toolkit & Zustand50 min

7Professional React Workflow

Real Forms: React Hook Form & Zod40 min Authentication & Protected Routes45 min Testing React: Jest & React Testing Library45 min Building & Deploying Your React App35 min

8Projects

Project: React To-Do App120 min Project: Live Data App150 min Capstone: Multi-Page React App210 min