Loading page
Platforms and technologies
Build component-based interfaces with predictable state and composition.
function Greeting() {
return <h1>Hello from a component</h1>;
}COURSE CURRICULUM
Finish one section at a time or jump directly to a concept you need.
Learn how react rendering, components, and project setup works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how jsx, elements, and component boundaries works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how props, local state, and render snapshots works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how javascript values, keys, refs, and context works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how expressions, events, and derived values works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how conditional rendering and state transitions works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how rendering lists, keys, and collection updates works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how components, custom hooks, and composition works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how state normalization, reducers, and immutable updates works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how text, forms, controlled inputs, and accessibility works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how errors, suspense boundaries, and async state works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how modules, component ownership, and routing works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how hooks, effects, context, and external stores works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how browser apis, data fetching, and concurrent rendering works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.
Learn how testing user behavior and component contracts works in React, why the underlying model matters, and how to apply it in a small program without hiding important trade-offs.