// module
React Patterns Lab
AUD 980 (informational)
Responsible mentor
Mira Okonkwo
Frontend mentor focused on design systems and reviewer coaching.
Outcomes
- Publish a pattern library README other devs can adopt
- Trace a user flow through DevTools without guesswork
- Defend trade-offs when props drilling vs colocation
Description
You ship a multi-route interface with optimistic updates, error boundaries, and a documented component API. Work is reviewed against accessibility notes and performance budgets.
Inside the track
- Compound component exercises with explicit context contracts
- Story-driven regression checks for UI states
- Lazy boundaries and suspense-style loading patterns
- Accessibility annotations on every pull request
- Bundle snapshot comparisons each sprint
- Pairing blocks with a frontend mentor
Reviews
The React Patterns Lab PR template forced me to list render paths — weird at first, now standard on my team repo.
Mentor notes on my compound component split were blunt and useful. Still tweaking one edge case from week four.
FAQ
No. We assume you can already build a small SPA; the cohort adds structure and deadlines. If you are brand new to JavaScript, start with Frontend Foundations first.
Figma read-only files are provided. A paid Figma seat is not included in the course fee.
We do not teach native mobile shells or low-level animation engines. Scope stays web-first.