React — Learn path

Same order and teaching shape as react.dev/learn: concept → You will learn → try → Recap → Challenge.

Your first component
react.dev/learn#components
Open →
Writing markup with JSX
react.dev/learn#writing-markup-with-jsx
Open →
Displaying data
react.dev/learn#displaying-data
Open →
Conditional rendering
react.dev/learn/conditional-rendering
Open →
Rendering lists
react.dev/learn/rendering-lists
Open →
Responding to events
react.dev/learn/responding-to-events
Open →
State: a component’s memory
react.dev/learn/state-a-components-memory
Open →
Sharing data between components
react.dev/learn#sharing-data-between-components
Open →
Synchronizing with Effects
react.dev/learn/synchronizing-with-effects
Open →