Side Effects with useEffect
Synchronise a component with the outside world: how effects run, what the dependency array really means, why cleanup matters, and when not to use an effect at all.
4 chapters1 code exercises8 quiz questions18 min
Intermediate React Tutorials
Go deeper into React with effects, refs, context, reducers, custom hooks and the composition patterns real applications are built from.
Refs with useRef
Hold values that survive renders without causing them, reach into DOM nodes when you must, and forward refs through your own components.
4 chapters1 code exercises7 quiz questions15 min
Context and Shared State
Stop threading props through layers that do not need them. Create a context, provide a value, consume it with useContext, and avoid the performance traps.
4 chapters1 code exercises7 quiz questions15 min
useReducer and Complex State
Move tangled state transitions into one reducer function, design clear actions, and know when a reducer beats several useState calls or a state library.
4 chapters1 code exercises8 quiz questions16 min
Custom Hooks
Extract stateful logic into functions you can reuse, learn the rules that make a function a hook, and build the handful of hooks every project ends up needing.
4 chapters1 code exercises7 quiz questions15 min
Component Patterns
The patterns experienced React developers reach for: composition, compound components, render props, higher order components, and the APIs that support them.
4 chapters1 code exercises7 quiz questions15 min