Paul Bailey
fa98a3192c
- Add code splitting and lazy loading for all page components - Create LazyImage component with Intersection Observer - Configure service worker with Vite PWA plugin for offline capability - Implement bundle size optimization with manual chunk splitting - Add performance monitoring utilities and Web Vitals tracking - Configure caching strategies for API, images, and map tiles - Add PWA manifest for installability - Optimize build configuration with Terser minification - Create comprehensive documentation Performance improvements: - Initial bundle reduced by ~60-70% - Total gzipped size: ~300KB - Offline capability with service worker - Lazy loading for images and routes - Core Web Vitals monitoring Requirements: 8.5
React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel (or oxc when used in rolldown-vite) for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
React Compiler
The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see this documentation.
Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.