Cheat sheet · Beginner · 5 min
React decisions cheat sheet
The questions to ask and the usual answers. 4 sections, 16 entries.
- Components
- State
- Effects
Entries 16
Lab · Beginner · 40 min
Lab: Delete the effects
Take a component full of unnecessary effects and remove every one that can be replaced by a computation or a handler.
- A colleague's component has five effects: two sync state from props, one responds to a click, one fetches, one subscribes to resize.
Tasks 3
Project · Intermediate · 8h
Project: A resource library interface
Build the browsing interface for a content library: list, search, filters, detail view, bookmarks — with data from a query library and tests for the key flows.
- Build a React interface that lists resources, filters them by type and difficulty, searches by title, opens a detail view, and lets a user bookmark. Data comes from a mock API through a query library. Write tests for filtering, searching and bookmarking.
- Milestone 1: Structure
- Milestone 2: Data
Learning path · Beginner · 8h
React that stays maintainable
Components, state, effects and data — learned by building a real interface and refactoring it as it grows.
- Build interactive React interfaces with sensible state, few effects and components that stay small.
- Skills: Composing components with props and children, Choosing where state lives, Using effects only for synchronisation, Fetching and caching data, Testing components
Time 8h

Instant delivery after paymentLicence stated on every productRe-download anytime from My LibrarySecure checkout — Polar or FungiesNew products every week

Products GamingNew Subscriptions Deals Membership Licensing

Search

React decisions cheat sheet

Lab: Delete the effects

Project: A resource library interface

React that stays maintainable