React Certificate

# React certificate - outline

## Part 1 - exam (75 min)

Topics:
- JSX + components + props + composition
- State + effects + derived state
- Server vs client components (RSC mental model)
- Routing (TanStack Router or React Router v7)
- Data fetching (TanStack Query / SWR)
- Forms (Zod + react-hook-form)
- Testing (Vitest + RTL + MSW + Playwright)
- Accessibility (semantic HTML, focus management, axe)
- Performance (Profiler, virtualisation, code splitting)

Passing mark: 70 percent.

## Part 2 - capstone (take-home, ~12 hours)

Ship a polished SaaS-style app:

- TypeScript strict
- Auth (mock OK) + protected routes
- 4+ pages including a list-detail flow
- Server components OR SSR with Next/Remix - your choice
- Optimistic UI in at least one form
- Tests: 8 component, 1 integration, 1 E2E
- Accessibility: keyboard nav, focus management, axe in CI
- Web Vitals reporting + Lighthouse 90+ across the board
- Deployed publicly (Vercel, Netlify, Cloudflare Pages)

Submit a Git repo + live URL + a 90-second demo video.

## Grading

- Correctness (30 percent)
- Code quality (20 percent)
- Tests + CI (20 percent)
- Accessibility + Web Vitals (15 percent)
- UI polish + UX (15 percent)

## Tips

- The capstone is the portfolio piece - treat it as production
- Use a real device for the demo video; simulators do not show jank
- Lighthouse 90+ is a budget, not a stretch goal in 2026

## What this certificate actually proves

- You can compose components and reason about state
- You can fetch data without rebuilding TanStack Query yourself
- You can ship a tested, accessible, fast app to the web
- You know when NOT to reach for a library (or a server component)

// /certificate/react after completing every lesson.
console.log('Almost there!');