React运行环境要求

React 运行环境要求相对简单，主要分为开发环境和生产环境：

开发环境要求

1. Node.js

• 最低版本: Node.js 14.0.0 或更高
• 推荐版本: Node.js 18.0.0+ 或最新 LTS 版本
• 用于运行构建工具和开发服务器

2. 包管理器

• npm (随 Node.js 安装)
• yarn (可选，推荐 1.22+)
• pnpm (可选，更快)

3. 浏览器支持

• 现代浏览器: Chrome, Firefox, Safari, Edge
• IE 支持: React 18+ 不再支持 IE11
• 最低要求:
  • ES5 兼容浏览器
  • 支持 Promise, Map, Set 等 ES6+ 特性

4. 构建工具

• Webpack 或 Vite (现代推荐)
• Babel (用于 JSX 和 ES6+ 转译)
• TypeScript (可选，但推荐)

生产环境要求

1. 浏览器运行时

• React 本身只有 ~6KB (gzipped)
• 需要 React DOM (~40KB gzipped)
• 总计约 46KB 的 JavaScript

2. CDN 版本

可以直接通过 CDN 使用，无需构建：

 <script crossorigin src="https://unpkg.com/react@18/umd/react.production.min.js"></script>
 <script crossorigin src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js"></script>

3. 服务器端渲染 (SSR)

• Node.js 环境
• 支持 React 的服务器框架 (Next.js, Express 等)

创建 React 应用

官方方式 (Create React App)

npx create-react-app my-app
cd my-app
npm start

现代方式 (Vite)

npm create vite@latest my-app -- --template react
cd my-app
npm install
npm run dev

检查环境

# 检查 Node.js 版本
node --version

# 检查 npm 版本
npm --version

# 检查是否安装成功
npx create-react-app --version

特殊要求

1. 移动端: React Native 需要 Android Studio/Xcode
2. TypeScript: 需要 typescript 包
3. 测试: 需要 Jest, React Testing Library
4. 样式: 支持 CSS, Sass, CSS-in-JS 等

总的来说，React 对运行环境要求不高，现代开发机器基本都能满足。