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.

25 lessons6 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

6Projects

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