React is the framework you'll build most frontend interfaces with — breaking a UI into reusable components and managing how they display and update as data changes. This module covers the core mental model first (JSX, props, state), then the hooks and patterns you'll reach for in real applications.
It's a broad topic like JavaScript itself, so there are more lessons than usual — work through them at your own pace, then move on to Type Checkers to add type safety on top.
What React solves that plain JavaScript makes tedious, and how component-based UI thinking works.
Writing markup inside JavaScript with JSX, and building your first function components.
Passing data into components and composing smaller components into larger UIs.
useStateGiving a component memory with state, and re-rendering the UI when that state changes.
Responding to clicks, input, and other user actions the React way.
useEffect & Side EffectsRunning code in response to renders — fetching data, subscriptions, and cleanup.
Showing and hiding UI based on state, and rendering dynamic lists of data with keys.
Controlled inputs, handling form submission, and basic validation patterns.
Sharing state across distant components without passing props down through every layer.
Extracting reusable logic out of components into your own hooks.
A written reference covering hooks, patterns, and gotchas — good for a quick lookup after watching the videos.
Article