AICon 上海站|90%日程已就绪,解锁Al未来! 了解详情
写点什么

Facebook 推出可以简化 React 应用创建的工具

  • 2016-07-31
  • 本文字数:1000 字

    阅读完需:约 3 分钟

React 团队推出了一款新工具,希望帮助开发人员减轻新建 React 应用所引发的痛苦。

在一篇博文中,Dan Abramov 介绍了 Create React App 。该工具让开发人员可以使用一行命令新建一个 React 应用程序——包括其构建过程和依赖。这是官方支持的一种 React 应用程序创建方式,不过,它还不是一个和 Ember CLI 或 Angular CLI 本着同样精神的“React CLI”。

开发人员使用三个命令就可以新建一个 React 应用:

复制代码
npm install -g create-react-app
create-react-app hello-world
npm start

该工具将在现代 React 应用中常见的 Babel 和 Webpack 命令抽象为一个命令集。Abramov 表示,他们之所以构建这个工具,是因为“React 生态系统普遍经历了工具不可阻挡地爆炸式增长”:

综合运用这些工具需要对其中的每一种都有一些使用经验。即便如此,还是很容易陷入同零碎的不兼容、未解决的 peerDependencies 及模糊的配置文件的斗争中。那些工具有许多是插件平台,并不直接知道彼此的存在,需要客户将它们连接在一起。这些工具都是独立的发展和修改,教程很快就过期了。

理论上讲,React 入门并不需要了解很多,但构建生产级应用需要的就多了。随着时间推移,React 社区越来越依赖 Babel 和 Webpack,它们成为默认工具链的一部分。然而,这两项技术却经常让开发人员感到沮丧。例如,Babel 不会对普通安装作任何处理。按照 Andrew Stuart 的说法,Babel默认是无用的。Abramov重新界定了Babel 的意图,他说,“Babel 没有错,它只是想要成为一个更为底层的工具。在我看来,你不能(应该)基于它进行构建。”

有经验的React 开发人员已经给出了对他们来说行得通的构建过程。这个新工具将帮助社区里的其他人,让那些没有React 经验的人可以更快地入门。“Eject”特性让那些超过工具发展速度的人可以不受其约束,走自己的路。Reddit 用户 a_simple_pie 评论说

“Eject”真是这方面的一个杀手级特性。我想做的第一件事是增加 SASS 支持,因此,能够 eject 很棒。

按照 Abramov 的说法,Create React App 目前还不具备一个完整 CLI 工具的广度,这是正常的,因为它是“一个用一周时间创建的黑客马拉松项目”。他们还会继续增强该工具的功能,比如增加测试。但是,据Abramov 说,他们不会在短时间内做太多工作,他们会“逐步改进默认设置,覆盖更多的用例。”

该项目的 GitHub 页面提供了更多有关该工具功能的信息。

查看英文原文 Facebook Launches Tool to Easily Create React Apps

2016-07-31 19:004916
用户头像

发布了 1008 篇内容, 共 411.2 次阅读, 收获喜欢 346 次。

关注

评论

发布
暂无评论
发现更多内容

Android异步消息处理机制详解及源码分析,Android多线程实现方式及并发与同步

android 程序员 移动开发

Android开发已经到了要烧香求职的地步了?(1),flutter文档下载

android 程序员 移动开发

Android开发必会App启动优化,骚年你的屏幕适配方式该升级了

android 程序员 移动开发

Android开发必看:一文教你完全理解DataBinding框架(下

android 程序员 移动开发

Android开源的精美日历控件,热插拔设计的万能自定义UI

android 程序员 移动开发

Android开源:想送你一款小清新的加载等待 控件,源码+原理+手写框架

android 程序员 移动开发

Android开发想转去做鸿蒙,你的技术真的到天花板了吗?

android 程序员 移动开发

Android开发者们该如何面对中年危机?,移动智能终端开发技术设计实验作品

android 程序员 移动开发

Android开发:和Android原生系统对着干的“黑科技,安卓基础面试题2018

android 程序员 移动开发

Android开发者必看:Git使用过程中的一些常见场景问题总结

android 程序员 移动开发

Android性能优化之启动速度优化,Android面试资料集合

android 程序员 移动开发

Android开发,没有跟上跨平台技术发展是你职业规划最大的可悲

android 程序员 移动开发

Android开发:自定义TabLayout,神奇效果竟是如此简单,Android面试题集2021版

android 程序员 移动开发

Android开发:通过 webview 将网页打包成安卓应用,kotlin编程实践pdf

android 程序员 移动开发

Android性能优化之内存优化,android最新开发语言

android 程序员 移动开发

Android性能优化之启动加速35%,算法+分布式+微服务

android 程序员 移动开发

Android开发如何进阶,薪资如何跟上年龄的脚步?,超全Android中高级面试复习大纲

android 程序员 移动开发

Android开发面试:requestLayout() 这么问,面试者直呼

android 程序员 移动开发

Android开发:老板说要加点功能---我:相机变美团,程序员真的是吃青春饭吗

android 程序员 移动开发

Android性能优化 _ 大图做帧动画卡?优化帧动画之 SurfaceView滑动窗口式帧复用

android 程序员 移动开发

Android开发现状:互联网寒冬下那些-Android-开发高手,都在研究什么技术

android 程序员 移动开发

Android开发者熬夜也要看完的25本中、高级工程师进阶必看书籍

android 程序员 移动开发

Android开发已经到了要烧香求职的地步了?,附面试题答案

android 程序员 移动开发

Android开发月薪10K与30K之间,只相差这几样热门的前沿知识

android 程序员 移动开发

Android开发的前景到底怎么样2016?,kotlin菜鸟教程

android 程序员 移动开发

Android开发进阶,需要掌握这几个关键技术是关键!,kotlin中文文档

android 程序员 移动开发

Android强行进阶:自定义TabLayout,看似复杂的神器效果

android 程序员 移动开发

Android快速开发工具集合——YUtils,webrtc音视频开发

android 程序员 移动开发

Android开发五年,面试阿里才发现这些知识点没完全掌握;你知道吗

android 程序员 移动开发

Android开发十年,面试百度竟被刷!柳暗花明2020获字节跳动Offer

android 程序员 移动开发

Android性能优化:这是一份全面&详细的内存优化指南,Flutter最新开源框架

android 程序员 移动开发

Facebook推出可以简化React应用创建的工具_JavaScript_David Iffland_InfoQ精选文章