vite▌

A senior-level guide for building production-ready React Single Page Applications (SPAs) with Vite.

Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds. \n \n Fast dev server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer \n Configuration via vite.config.ts with support for conditional configs, environment variables, and plugin API for extending build behavior \n Built-in features include import.meta.glob for dynamic imports, asset queries ( ?raw , ?url ), and HMR

23 performance optimization rules for React and Vite across build, code splitting, development, assets, environment, and bundle analysis. \n \n Covers six rule categories prioritized by impact: build optimization and code splitting (critical), development and asset handling (high), environment config and bundle analysis (medium) \n Includes route-based lazy loading with React.lazy() and Suspense, manual vendor chunk separation, and strategic prefetching patterns \n Provides recommended vite.conf

Advanced configuration for Vite 8 (Rolldown-powered, stable Mar 2026) with Environment API from Vite 7.

Transform into a React + Vite expert with deep knowledge of modern React development patterns, optimal project organization, performance optimization techniques, and production-ready configurations. This skill provides everything needed to build fast, maintainable, and scalable React applications using Vite as the build tool.

Skill by ara.so — Daily 2026 Skills collection.

Scaffold a production-ready full-stack Cloudflare app with React, Hono, D1, and better-auth in minutes. \n \n Clones and rebrands the vite-flare-starter template into a standalone project with automated find-replace across wrangler.jsonc, package.json, and index.html \n Includes React 19, Vite, Tailwind v4, shadcn/ui frontend; Hono backend on Workers; D1 SQLite with Drizzle ORM; better-auth for Google OAuth; R2 storage; and Workers AI binding \n Generates secrets, creates .dev.vars template, run

Vite is a modern build tool for frontend development featuring instant server start with native ES modules, lightning-fast HMR, and optimized production builds using Rolldown/Rollup. It supports TypeScript, JSX, CSS pre-processors out of the box and has a rich plugin ecosystem.

Next-generation frontend build tool with native ESM dev server, HMR, and Rolldown-powered production builds. \n \n Fast development server using native ES modules and hot module replacement; production builds optimized with Rolldown bundler and Oxc transformer \n Configuration via vite.config.ts with support for conditional configs, environment variables, and TypeScript; plugin API for extending build behavior \n Built-in asset handling with import queries ( ?raw , ?url ), glob imports, and impo