What are the key differences between Vite and Create React App?

CRA (Create React App) is largely deprecated. Vite is the modern standard for React projects.

// Vite dev — serves files directly as ES modules
// Browser requests /src/App.tsx → Vite transforms just that file → instant

// CRA dev — bundles ALL files on start, then watches
// Every change → re-bundle affected module graph → slow

// Starting a new project
npm create vite@latest my-app -- --template react-ts
# vs
npx create-react-app my-app --template typescript  # avoid

Alternatives for production apps:

• Next.js — SSR, SSG, RSC, file-based routing
• Remix — full-stack, nested routing, web standards
• Vite + React Router — SPA with full control