如果你正在学习 React 或者考虑将其应用到现有的项目中，你可以 利用 script 标签将 React 添加到任何 HTML 页面 来快速开启学习之旅。如果你的项目需要许多组件和许多文件，那就需要考虑以下方式了！
选择你自己的冒险方式
React 是一个工具库，帮你以组件的方式拆解并组织 UI 代码。React 不负责路由（routing）或数据管理。对于这些功能，你需要使用第三方工具库或实现你自己的解决方案。这意味着创建一个新的 React 项目有多种方式可以选择：
- 使用 最小设置的工具链， 根据需要为项目添加功能。
- 使用 功能完备的框架，常用功能都已内置。
无论你是刚入门，想要构建一个大项目，还是想要建立自己的工具链，本指南都能为你指明道路。
React 工具链入门
如果你是刚刚开始接触 React，我们建议你使用 Create React App，这是尝试 React 功能的最流行的方式，也是构建新的单页客户端应用的最好方法。Create React App 是一个专为 React 配置的功能齐备的工具链。工具链有助于：
- 创建大量的文件和组件
- 使用来自 npm 的第三方工具库
- 及早检测到常见错误
- 开发时能实时编辑 CSS 和 JS
- 针对生产环境优化输出的文件
你仅需一条命令就可以在终端（命令行）中利用 Create React App 创建一个新项目！（前提是确保安装了 Node.js！）
现在就可以通过以下命令运行你的应用程序了：
欲了解更多信息，请 [查看官方指南(https://create-react-app.dev/docs/getting-started)。
Create React App 并不处理后端逻辑或数据库操作，它只是创建了一个针对前端的构建管道。这意味着你可以为其对接任何后端。但是，如果你寻找的是对类似路由（routing）以及服务器端业务逻辑功能的支持的话，请接着往下看！
其他选项
Create React App 非常适合 React 入门使用，但是如果你想要更轻量的工具链的话，请尝试以下几个流行的工具链：
同时使用 React 和框架
如果你希望创建一个更大的、可用于生产环境的项目的话，Next.js 是一个非常好的起点。Next.js 是一个流行的、基于 React 构建的轻量级框架，用于构建静态和服务器端渲染的应用程序。该框架自带了路由（routing）、样式表（ styling）和服务器端渲染（server-side rendering）等功能，可以让你的项目快速开始并运行起来。
请查看 Next.js 的官方指导：使用 Next.js 构建项目 。
其他选项
- Gatsby 能帮你基于 React 和 GraphQL 生成静态网站。
- Razzle 是一个支持服务器端渲染（server-rendering）的框架，无需任何配置，但比 Next.js 提供了更多的灵活性。
自定义工具链
你可能更喜欢创建并配置自己的工具链。一个 JavaScript 构建工具链通常包含以下部分：
- 一个 软件包管理器—用于安装、更新和管理第三方软件包。Yarn 和 npm 就是两个比较流行的软件包管理器。
- 一个 打包工具（bundler）—将您编写的模块化代码打成小包以优化加载时间。Webpack、Snowpack、Parcel 就是几个比较流行的打包工具。
- 一个 编译器—将你使用新语法编写的 JavaScript 代码转换成能被老版本的浏览器执行的代码。Babel 就是这类工具中的一个代表。
在较大的项目中，你可能还需要一个工具来管理单一仓库中的多个软件包。Nx 就是此类工具中的一个代表。
如果你喜欢葱头开始创建自己的 JavaScript 工具链的话，请 查看这份指南 来了解如何自行实现 Create React App 中的功能。