React + Vite

Overview

Vite provides a fast development experience and optimized production builds for React applications. This skill should be invoked when creating modern React applications that benefit from fast hot reloading, optimized bundling, and modern development patterns.

Core Principles

• Fast HMR: Hot Module Replacement for instant updates
• Native ESM: Uses native ES modules
• Build Optimization: Rollup-based production builds
• Plugin System: Extend with Vite plugins

Preparation Checklist

• Initialize: npm create vite@latest
• Choose React variant (JavaScript or TypeScript)
• Configure vite.config.js
• Plan project structure