Front End Development
Learning Resources
A short, curated set of current references for the Vesperia frontend stack.
A curated set of references for the stack we actually use. Kept short on purpose — these are the canonical docs, not an exhaustive list.
Core
- React ⭐ — the official docs (the old
beta.reactjs.orghas moved here) - TypeScript Handbook ⭐
- MDN Web Docs ⭐ — the reference for the web platform itself
Our stack
- Vite — build tool and dev server
- react-router ⭐ — see our Routing guide for how we apply it
- TanStack Query ⭐ — server/async state; see Data Fetching
- TanStack Table — headless tables
- Zod — runtime validation (use the helpers in
src/lib/zod.ts) - Tailwind CSS ⭐ — styling
- Radix UI — accessible UI primitives behind
src/components/ui/
Testing
- Vitest — test runner
- Testing Library — component testing
Going deeper
- Josh W. Comeau — React, CSS, and animation deep-dives
- TkDodo's blog — practical TanStack Query patterns from a maintainer
- patterns.dev — modern web app patterns