react-vite-best-practices

Comprehensive performance optimization guide for React applications built with Vite. Contains 40+ rules across 8 categories, prioritized by impact to guide code generation and refactoring. Reference these guidelines when: Read individual rule files for detailed explanations and code examples: Each rule file contains: - Configuring Vite for React projects - Implementing code splitting and lazy loading - Optimizing build output and bundle size - Setting up development environment - Reviewing code for performance issues - build-manual-chunks - Configure manual chunks for vendor separation - build-minify-terser - Use Terser for production minification - build-target-modern - Target modern browsers for smaller bundles - build-sourcemap-production - Configure sourcemaps appropriately - build-output-structure - Organize output directory structure - build-chunk-size-limit - Set appropriate chunk size warnings - split-route-lazy - Use React.lazy() for route-based splitting - split-suspense-boundaries - Wrap lazy components with Suspense - split-dynamic-imports - Use dynamic imports for heavy components - split-preload-critical - Preload critical chunks on interaction - split-named-chunks - Use named chunks for better caching - split-vendor-separation - Separate vendor from application code - dev-dependency-prebundling - Configure dependency pre-bundling - dev-exclude-large-deps -...