React Vite Best Practices

A solid reference for keeping your React and Vite setup fast. It covers the essentials: manual chunk splitting to separate vendor code, route-based lazy loading with Suspense boundaries, HMR configuration, and asset optimization strategies. The 23 rules are organized by impact (build optimization and code splitting flagged as critical), which helps you prioritize. Includes ready-to-use vite.config.ts snippets and patterns for dynamic imports. Most useful during initial project setup or when your bundle size creeps up and you need a systematic audit. The rules assume you understand React and Vite basics but need specific guidance on what actually moves the performance needle versus cargo cult optimization.

Install to Claude Code

npx -y skills add asyrafhussin/agent-skills --skill react-vite-best-practices --agent claude-code