building-react-web-application
Installation
SKILL.md
React web application
Overview
Opinionated ecosystem for building Vite-based React SPAs with a consistent architecture, library stack, and UI system (src/ui).
Tech stack
| Layer | Choice |
|---|---|
| Bundler | Vite |
| Language | TypeScript |
| Styling | Tailwind CSS v4, class-variance-authority (cva + cx from the same package) |
| Routing | TanStack Router (file-based, src/routes) |
| Server state | TanStack Query |
| Client global state | Zustand |
| HTTP | Axios |
| Dates | date-fns (src/libs/date-utils/) |
| Presentational UI | shadcn/ui-style primitives in src/ui/ |