前端技术栈 —— 创建React项目

创建工具概览

工具	构建速度	配置复杂度	SSR/SSG 支持	适用场景
Vite	⚡️极快	中等	需插件	现代 SPA
Next.js	快	低	内置	复杂应用（SEO/SSR）
CRA	慢	低	无	简单 SPA
Remix	中等	中等	内置	数据密集型应用
Gatsby	中等	中等	SSG	静态内容网站

根据项目需求选择工具：追求开发速度选 Vite，需要 SEO 选 Next.js，快速原型用 CRA（不再维护），静态内容用 Gatsby。

参考文章或视频链接
[1] 顶级 React 框架对比，Vite 完美胜出？

一、Vite创建

# 创建出来的页面文件以.jsx结尾
npm create vite@latest my-react-app -- --template react
# 创建出来的页面文件以.tsx结尾，.tsx是.jsx的超集
npm create vite@latest my-react-app -- --template react-ts

参考文章或视频链接
[1] Build a React app from Scratch