React Tutorials
A full React course: components, props, state, effects, forms, data fetching, and router basics.
This course includes 18 lessons grouped from first steps to more capable workflows. Work through a group in order, or jump to the task you need today. Every lesson includes explanations, copyable examples, and tips written for beginners.
Cheatsheet · Search this course · Web category · All categories
Getting started
Topic pageComponents and data
Topic pageUI patterns
Topic page- Conditional RenderingShow or hide UI based on state, props, or other conditions.
- Lists and KeysRender arrays of items and give each row a stable key.
- Forms and Controlled InputsBuild forms where React state is the source of truth for input values.
- Lifting State UpMove shared state to the nearest common parent so siblings stay in sync.
Effects and data
Topic pageRouting and polish
Topic page- React Router BasicsAdd client-side routes so different URLs show different screens without a full page reload.
- DevTools and DebuggingInspect components, props, and state with browser tools and React Developer Tools.
- Styling ComponentsApply CSS to React components with class names and simple patterns that scale.
- Custom Hooks IntroExtract reusable stateful logic into a function whose name starts with use.
- Next StepsReview habits from this course and choose useful skills to learn next.