当前位置: 首页 > 科技观察

零配置部署React

时间:2023-03-23 10:31:17 科技观察

你想用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应用程序。npminstall-gcreate-react-appcreate-react-appmy-appcdmy-appgitinitherokucreate-bhttps://github.com/mars/create-react-app-buildpack.gitgitadd.gitcommit-m“react-create-apponHeroku”gitpushherokumasterherokuopen使用buildpack文档自己尝试一下。create-react-appfromzeroconfiguration非常新(当前版本是0.2),因为它的目标是简单的开发者体验,所以不支持(或者肯定不会支持)更高级的使用场景。例如,它不支持服务器端呈现或自定义捆绑。为了支持更好的控制,create-react-app包括npmruneject命令。Eject将所有工具(配置文件和package.json依赖项)解压到应用程序所在的路径,因此您可以根据自己的喜好对其进行自定义。弹出后,您所做的更改可能需要选择特定的Node.js或静态构建包进行部署。像这样的工程更改总是通过分支/拉取请求生效,因此可以轻松撤消。Heroku的预览版应用程序是对测试版的最新更改。我们将跟踪create-react-app可用时的进度,并调整构建包以支持更高级的用例。发行万岁!