React · Intermediate

React in Practice

Move from page-level thinking to component thinking. Practise each layer, prove it in low-scaffold checkpoints, then ship an accessible asynchronous support interface from a fresh brief.

6 h 1 min14 of 14 lessons live14 coding challenges

Start course

Curriculum

5 modules, 14 lessons, built to be done in order.

01Thinking in componentsSplit a screen into parts that compose.4 lessons

Your first componentpractice · 18 min
Props and compositionpractice · 18 min
State and re-renderschallenge · 22 min
Checkpoint: inventory explorerchallenge · 30 min

02HooksEffects, custom hooks and explicit state transitions.3 lessons

useEffect without the footgunschallenge · 22 min
Writing a custom hookchallenge · 22 min
State transitions with useReducerchallenge · 26 min

03Data on screenLists, forms, loading, empty and error states.4 lessons

Rendering lists and keyspractice · 20 min
Forms that behavechallenge · 26 min
Fetching and loading stateschallenge · 26 min
Checkpoint: order dashboardchallenge · 32 min

04Interfaces people can trustAccessibility and tests as design tools.2 lessons

Accessible interactionpractice · 22 min
Test behavior, not implementationchallenge · 22 min

05Independent projectCombine components, data and state under pressure.1 lessons

Capstone: support queuechallenge · 55 min