零配置部署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
的预览应用对测试发布的改变是完美的。

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

作者:Mars Hall

来源:51CTO

时间: 2024-11-04 15:18:03

零配置部署React的相关文章

零配置部署 React

你想使用 React 来构建应用吗?"入门"是很容易的,可是接下来呢? React 是一个构建用户界面的库,而它只是组成一个应用的一部分.应用还有其他的部分--风格.路由器.npm 模块.ES6 代码.捆绑和更多--这就是为什么使用它们的开发者不断流失的原因.这被称为 JavaScript 疲劳.尽管存在这种复杂性,但是使用 React 的用户依旧继续增长. 社区应对这一挑战的方法是共享模版文件.这些模版文件展示出开发者们架构选择的多样性.官方的"开始入门"似乎离一

傲天动联真正实现零配置操控,上电自动配置自动升级

近几年来,宽带网络快速发展,个人及家庭用户的需求成为市场主要热点,并且伴随终端的更新换代和不断推新在不断变化,直接导致各种新业务也层出不穷,各类运营商都必须大力发展基于家庭网络的业务,通过家庭网关将电信网络提供的各种业务和应用延伸到家庭范围内,这也成为运营商进行转型的重要契机. 国内外各类运营商也逐渐意识到家庭网络的市场需求,在研发的基础上成功地将电信网络功能和应用延伸到了家庭.使家庭网成为电信运营商寻求企业转型和业务突破的重要手段.例如法国电信力主通信.娱乐.生活业务并进的方针,推出基于家庭多

Win8系统中无线零配置服务开发方法教程

  现在我们的生活根本离不开无线网络,这已经成为我们生活的一部分,所以一旦电脑的无线网连不上,很多网络依赖患者就会暴跳如雷,完全影响我们正常的生活.有时候我们检查网卡的设置.路由器的开启情况,都想去解决不能上网的问题,其实我们忽略到一点,就是win8系统中有个无线零配置服务,是无线网络自动配置的服务,对于我们网络的正常运行很重要,如果我们平时没有开启的话,win8网络就无法使用,所以赶紧跟随小编来学习下win8如何启用无线零配置服务把! Win8启用无线零配置服务方法 第一步:我们需要进入系统服

零配置WZC服务在win8中启动方法

现在所有安装win8系统的笔记本电脑中都配备了无线网卡,无线网络让我们连接网线变的简单易操作,而很多用户在win8系统中连接无线的时候遇上零配置服务没有启动的问题,导致无线连接失败,零配置WZC服务是自动配置无线网络的一个重要服务,如果没有启动的话我们就不能正常的使用无线了,如何启动零配置WZC服务呢? 在win8系统中是这样操作的: 1.按WIN+R 打开运行界面,然后输入services.msc 确定; 2.这时会打开win8的本地服务列表,我们在列表中找到"Wireless Zero Co

java-SSH中的strut2零配置怎么配置

问题描述 SSH中的strut2零配置怎么配置 <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.1.7//EN" "http://struts.apache.org/dtds/struts-2.1.7.dtd"&g

云计算-关于集群的自动化配置部署和更新方案

问题描述 关于集群的自动化配置部署和更新方案 先花些时间唠叨下我做的<XX行业生产云>的需求,然后结合着这些需求请教各位专家一系列的问题. 功能需求: 生产企业内部有局域网,连接办公环境和相关的生产设备,并且有连接互联网的出口.生产过程由办公环境(B/S架构)向局域网内的设备发送生产指令,生产的运行状态实时可以回显给办公环境.局域网内满足该需求就需要部署一个常规的Web应用服务站点加关系型数据库(目前尚不需要实时数据库)就可以完成.云计算-关于集群的自动化配置部署和更新方案-集群自动化部署&q

Spring Web工程web.xml零配置即使用Java Config + Annotation

摘要: 在Spring 3.0之前,我们工程中常用Bean都是通过XML形式的文件注解的,少了还可以,但是数量多,关系复杂到后期就很难维护了,所以在3.x之后Spring官方推荐使用Java Config方式去替换以前冗余的XML格式文件的配置方式: 在开始之前,我们需要注意一下,要基于Java Config实现无web.xml的配置,我们的工程的Servlet必须是3.0及其以上的版本: 1.我们要实现无web.xml的配置,只需要关注实现WebApplicationInitializer这个

《研磨struts2》之通过注解来实现零配置

问题描述 21.3通过注解来实现零配置21.3.1概述在实际开发中,光是简单的通过默认的方式来进行配置,是满足不了实际项目的需要的,这就需要使用注解,来进一步控制程序各个部分的对应关系.就其实质,就是把原本在struts.xml中的配置信息,通过使用注解来把这些信息搬移到Action类上进行配置.所以零配置并不是不配置,只是不在struts.xml里面配置而已.21.3.2HelloWorld接下来,通过一个示例来看看如何通过注解来实现零配置.修改刚才的HelloWorldAction类,不再实

关于struts2零配置的问题

问题描述 今天突然发现struts2零配置的一个问题,就是比如我有个文件在WEB-INF/content/content.jsp 然后我可以通过输入localhost:8080/项目名/content可以直接访问到这个jsp页面,这样不是很不安全吗?有什么配置可以关掉这种直接访问WEB-INF下资源文件的方式? 解决方案 第一种方式是将所有的jsp页面都放入到web-inf目录下,然后在action的配置中将forward指向目录为/web-inf/jsp...这样就可以了.还有一种方式是在定义