React & Frontend
Build modern, accessible, production-grade frontends.
50+
completed
~48h
total time
9
projects
Component Architecture Fundamentals
Learn to split UI into components that compose cleanly instead of tangling into a ball of props.
State Management with Hooks and Context
Master useState, useReducer, and Context — and learn exactly which state belongs where.
Build a Design System
Build a small set of reusable, accessible primitives — Button, Input, and friends — with consistent variants.
Data Fetching and Caching Patterns
Replace ad-hoc useEffect fetching with TanStack Query — caching, retries, and background refetching.
Routing and Code Splitting
Add multi-page navigation with React Router, then split the bundle so users only download what they need.
Accessibility-First UI Patterns
Make keyboard navigation, screen readers, and focus management first-class citizens instead of an afterthought.
Animation with Framer Motion
Add layout animations, gestures, and page transitions with Motion.
Testing React Apps
Test components the way users interact with them using Vitest and React Testing Library.
Ship a Production React App
Optimize the build, add error boundaries and monitoring, and deploy to production.