react-frontend-development
Installation
SKILL.md
<essential_principles>
Stack (2025-2026)
| Layer | Tool | Notes |
|---|---|---|
| Build | Vite + SWC | npm create vite@latest app -- --template react-swc-ts |
| Framework | React 19 | Compiler auto-memoization |
| Language | TypeScript 5.x (strict) | noUncheckedIndexedAccess required |
| Components | shadcn/ui + Radix UI | Copy-paste blueprints, you own the code |
| Styling | Tailwind CSS v4 | CSS-first config, OKLCH colors |
| Client State | Zustand | One store per feature |
| Server State | TanStack Query v5 | Query key factories, queryOptions |
| Routing | React Router v7 | Data mode, middleware for auth, typegen |
| Forms | React Hook Form + Zod | z.infer single source of truth |
| API Client | Axios | Interceptors for JWT refresh |
| Testing | Vitest + Testing Library + userEvent | getByRole first |
| Icons | lucide-react | Consistent with shadcn |