react-vite-best-practices

23 performance optimization rules for React and Vite across build, code splitting, development, assets, environment, and bundle analysis. Comprehensive performance optimization guide for React applications built with Vite. Contains 23 rules across 6 categories for build optimization, code splitting, development performance, asset handling, environment configuration, and bundle analysis. Reference these guidelines when: Read individual rule files for detailed explanations and code examples: For the complete guide with all rules expanded: AGENTS.md - Covers six rule categories prioritized by impact: build optimization and code splitting (critical), development and asset handling (high), environment config and bundle analysis (medium) - Includes route-based lazy loading with React.lazy() and Suspense, manual vendor chunk separation, and strategic prefetching patterns - Provides recommended vite.config.ts setup with modern browser targeting, sourcemap configuration, and dependency prebundling - Addresses asset optimization for images, SVGs as React components, web fonts, and environment variable management with VITE_ prefix convention - Version: 2.0.0 - Framework: React + Vite - Rule Count: 23 rules across 6 categories - License: MIT - Configuring Vite for React projects - Implementing code splitting and lazy loading - Optimizing build output and bundle size - Setting up...