零配置部署 React

简介:

你想使用 React 来构建应用吗?“入门”是很容易的,可是接下来呢?

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

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

新的,零配置体验

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

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

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

将零配置部署到 Heroku 上

多亏了 create-react-app 中打下的零配置基础,零配置的目标看起来快要达到了。因为这些新的应用都使用一个公共的、默认的架构,构建的过程可以被自动化,同时可以使用智能的默认项来配置。因此,我们创造这个社区构建包来体验在 Heroku 零配置的过程

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

你可以免费在 Heroku 上开始构建 React 应用。

 
  1. npm install -g create-react-app
  2. create-react-app my-app
  3. cd my-app
  4. git init
  5. heroku create -b https://github.com/mars/create-react-app-buildpack.git
  6. git add .
  7. git commit -m "react-create-app on Heroku"
  8. git push heroku master
  9. heroku open

使用构建包文档亲自试试吧。

从零配置出发

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

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

原文发布时间为:2016-10-02

本文来自云栖社区合作伙伴“Linux中国”

相关文章
|
4月前
|
前端开发 数据库 Docker
一款可以直接使用的招聘网站, react django开发招聘网站,docker 部署
一款可以直接使用的招聘网站, react django开发招聘网站,docker 部署
47 0
|
7月前
|
前端开发 应用服务中间件 nginx
部署react项目到服务器
部署react项目到服务器
261 0
|
4月前
|
前端开发 应用服务中间件 数据安全/隐私保护
部署React项目到云服务器(步骤清晰)
部署React项目到云服务器(步骤清晰)
140 0
|
8月前
|
前端开发 JavaScript Java
【React工作记录九十八】记录一次艰难的云服务器部署前后端项目springBoot+mybatis+vue(两天解决的前后端跨域问题多种方式)...
【React工作记录九十八】记录一次艰难的云服务器部署前后端项目springBoot+mybatis+vue(两天解决的前后端跨域问题多种方式)...
89 0
|
8月前
|
前端开发 应用服务中间件 nginx
【React工作记录九十八】记录一次艰难的云服务器部署前后端项目springBoot+mybatis+vue(两天解决的前后端跨域问题多种方式)...
【React工作记录九十八】记录一次艰难的云服务器部署前后端项目springBoot+mybatis+vue(两天解决的前后端跨域问题多种方式)...
47 0
|
8月前
|
前端开发 Docker 容器
【React工作记录九十六】docker部署前后端项目在云服务器
【React工作记录九十六】docker部署前后端项目在云服务器
98 0
|
前端开发 JavaScript 开发工具
【React】使用Next.js构建并部署个人博客
【React】使用Next.js构建并部署个人博客
【React】使用Next.js构建并部署个人博客
|
前端开发
react学习案例12-打包和部署
react学习案例12-打包和部署
54 0
react学习案例12-打包和部署
|
存储 前端开发 安全
如何使用 Firebase 托管部署 React 应用程序
如何使用 Firebase 托管部署 React 应用程序
401 0
|
JavaScript 前端开发
gitup部署vue或者react项目
方式一: (使用多个分支) 网上的同学大部分都说源代码是master分支,而部署的是另一个分支(就是将vue打包的结果放另一个分支),好处是,每个分支做每个分支的事情,这样分开也挺好的。
gitup部署vue或者react项目