React Introduction
What React is, the problem it solves, how it updates the screen, and how to write your very first component.
4 chapters1 code exercises6 quiz questions14 min
Beginner React Tutorials
Learn React from zero: what React is, how JSX works, how to build components, pass props, hold state, handle events, and render lists and forms.
JSX in React
How JSX works, how to put JavaScript values inside markup, how attributes differ from HTML, and how fragments let you return several elements.
4 chapters1 code exercises7 quiz questions14 min
Components and Props
Split a UI into components, pass data down with props, use children for composition, and understand why props are read only.
4 chapters1 code exercises7 quiz questions15 min
State with useState
Add memory to a component with useState, understand why updates are asynchronous and batched, and learn the rules for updating objects and arrays.
4 chapters2 code exercises8 quiz questions16 min
Events and Conditional Rendering
Handle clicks, keys and form submissions with React's synthetic events, then show and hide parts of the UI based on state.
4 chapters2 code exercises7 quiz questions14 min
Lists, Keys and Forms
Render collections with map, choose keys that will not bite you, and build controlled forms with validation and submission.
4 chapters1 code exercises8 quiz questions16 min