教你怎么快速配置 React

导读 React 是一个构建用户界面的库,而它只是组成一个应用的一部分。应用还有其余的部分——风格、路由器、npm 模块、ES6 代码、捆绑和更多——这就是为何使用它们的开发者不断流失的缘由。这被称为 JavaScript 疲劳。尽管存在这种复杂性,可是使用 React 的用户依旧继续增加。

社区应对这一挑战的方法是共享模版文件。这些模版文件展现出开发者们架构选择的多样性。官方的“开始入门”彷佛离一个实际可用的应用程序相去甚远。html

新的,零配置体验

受开发者来自 Ember.js 和 Elm 的经验启发,Facebook 的人们想要提供一个简单、直接的方式。他们发明了一个新的开发 React 应用的方法 :create-react-app。在初始的公开版发布的三个星期以来,它已经受到了极大的社区关注(超过 8000 个 GitHub 粉丝)和支持(许多的拉取请求)。react

create-react-app 是不一样于许多过去使用模板和开发启动工具包的尝试。它的目标是零配置的惯例-优于-配置,使开发者关注于他们的应用的不一样之处。linux

零配置一个强大的附带影响是这个工具能够在后台逐步成型。零配置奠基了工具生态系统的基础,创造的自动化和喜悦的开发远远超越 React 自己。git

将零配置部署到 Heroku 上

多亏了 create-react-app 中打下的零配置基础,零配置的目标看起来快要达到了。由于这些新的应用都使用一个公共的、默认的架构,构建的过程能够被自动化,同时可使用智能的默认项来配置。github

在两分钟内创造和发布 React 应用

你能够免费在 Heroku 上开始构建 React 应用。npm

npm install -g create-react-app
create-react-app my-app
cd my-app
git init
heroku create -b https://github.com/mars/create-react-app-buildpack.git
git add .
git commit -m "react-create-app on Heroku"
git push heroku master
heroku open
从零配置出发

create-react-app 很是的新(目前版本是 0.2),同时由于它的目标是简洁的开发者体验,更多高级的使用情景并不支持(或者确定不会支持)。例如,它不支持服务端渲染或者自定义捆绑。json

为了支持更好的控制,create-react-app 包括了 npm run eject 命令。Eject 将全部的工具(配置文件和 package.json 依赖库)解压到应用所在的路径,所以你能够按照你心中的想法定作。一旦被弹出,你作的改变或许有必要选择一个特定的用 Node.js 或静态的构建包来布署。老是经过一个分支/拉取请求来使相似的工程改变生效,所以这些改变能够轻易撤销。Heroku 的预览应用对测试发布的改变是完美的。架构

咱们将会追踪 create-react-app 的进度,当它们可用时,同时适配构建包来支持更多的高级使用状况。发布万岁!app

本文地址: http://www.linuxprobe.com/0-react.html工具

相关文章
相关标签/搜索