Build Fast, Reactive Web Applications with React
Master modern frontend engineering: JSX syntax, functional components, unidirectional props flow, useState & useEffect hooks, and global state with the Context API.
Interactive useState Counter
React re-renders only this counter box when state changes, leaving the rest of the webpage untouched!
React Curriculum Lessons
Select any lesson to learn with live code blocks, interactive knowledge checks, and 1-to-1 visual outputs.
Lesson 1: JSX Syntax & The Virtual DOM
1. What is React and JSX? React is a declarative, componentbased JavaScript library created by Meta for building dynamic, highperformance ...
Lesson 2: Functional Components & Props Passing
1. Functional Components & Props Components are pure JavaScript functions that accept an arbitrary input object called props and return JS...
Lesson 3: Component State & The useState Hook
1. Component State & useState While props allow parents to pass data in, state holds private, local component data that can change over ti...
Lesson 4: Side Effects & The useEffect Hook
1. Managing Side Effects with useEffect Side effects include API data fetching, setting timers, subscribing to event listeners, and updati...
Lesson 5: React Context API & Global State
1. Global State with React Context API Context provides a way to pass data through the component tree without having to pass props down ma...