react

录入时间: 2019-08-29 02:24:02

地址: https://www.reactjscn.com 点击前往

React 使创建交互式 UI 变得轻而易举。为你应用的每一个状态设计简洁的视图,当数据改变时 React 能有效地更新并正确地渲染组件

使用集成的工具链,以实现最佳的用户和开发人员体验。

本页将介绍一些流行的 React 工具链,它们有助于完成如下任务:

  • 扩展文件和组件的规模。
  • 使用来自 npm 的第三方库。
  • 尽早发现常见错误。
  • 在开发中实时编辑 CSS 和 JS。
  • 优化生产输出。

本页推荐的工具链无需配置即可开始使用

你可能不需要工具链

如果你没有碰到上述的问题,或者还不习惯使用 JavaScript 工具,可以考虑把 React 作为普通的 <script> 标记添加到 HTML 页面上,以及使用可选的 JSX

这也是将 React 集成到现有网站最简单的方式。如果你认为更大的工具链有所帮助,可以随时添加!

React 团队主要推荐这些解决方案:

  • 如果你是在学习 React 或创建一个新的单页应用,请使用 Create React App
  • 如果你是在用 Node.js 构建服务端渲染的网站,试试 Next.js
  • 如果你是在构建面向内容的静态网站,试试 Gatsby
  • 如果你是在打造组件库将 React 集成到现有代码仓库,尝试更灵活的工具链

Create React App

Create React App 是一个用于学习 React 的舒适环境,也是用 React 创建新的单页应用的最佳方式。

它会配置你的开发环境,以便使你能够使用最新的 JavaScript 特性,提供良好的开发体验,并为生产环境优化你的应用程序。你需要在你的机器上安装 Node >= 8.10 和 npm >= 5.6。要创建项目,请执行:

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