react

Build a React SPA by scaffolding with Bun and Vite, installing React Router v7 for client-side routing and nested routes, adding Jotai for atomic state management, and configuring TypeScript with ES2022 targeting. This setup enables fast development iteration and clean production builds with route-based data loading.

React Router v7 provides client-side routing with nested routes and route-based data loading via loaders. Combined with Vite for fast builds and Bun for package management, it enables seamless navigation in SPAs without page refreshes while supporting dynamic user detail pages and complex route hierarchies.

Yes, Jotai provides atomic state management for React applications, enabling you to manage global state with selectors and minimal boilerplate. It integrates directly with React Router v7 SPAs built with Vite and Bun, supporting async data loading and form handling.

Vite delivers fast development and production builds for React with built-in TypeScript support, ES2022 target compilation, module aliasing, and code splitting. Paired with Bun, it accelerates development iteration and enables strict TypeScript typing for modern React SPAs.

React Router v7 loaders enable route-based async data loading, fetching data before rendering components. Combined with Jotai for state management and Vite's fast bundling, this pattern supports complex user list and detail page flows with clean separation of data fetching logic.

You need Node.js or Bun runtime, TypeScript knowledge, and familiarity with React component patterns. This Skill handles scaffolding with Bun and Vite templates, then integrates React Router v7 and Jotai, so no additional dependencies or prior configuration is required.