//
Search across all documentation pages
11 pages in this section.
23 component examples to get you started with React -- 10 basic and 13 intermediate.
A step-by-step decision workflow for structuring React components. Walk through each question in order -- your answers determine the architecture, patterns, and composition you reach for.
Write declarative UI using JavaScript expressions that look like HTML — with full TypeScript support.
Build reusable UI from function components — the only component type you need in modern React.
Every way to write a React function component — declaration vs. expression, arrow vs. function, default vs. named export, and when each form matters.
Show, hide, or swap UI based on state, props, or computed values.
Render dynamic collections efficiently by giving React a stable identity for each item.
Respond to clicks, input, and other user interactions with typed event handlers and React's synthetic event system.
Handle user input with controlled components, uncontrolled refs, or React 19 form actions.
Access DOM nodes, store mutable values that persist across renders, and expose handles from child components.
The essential building blocks every React basic learner should know before diving into advanced patterns.