写点什么

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:005185
用户头像

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

关注

评论

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

高级前端二面必会vue面试题合集

bb_xiaxia1998

Vue

面试官:请实现Javascript发布-订阅模式

helloworld1024fd

JavaScript

预告| 2月24日不见不散!开源治理专场约定你

OpenI启智社区

人工智能 开源社区 开发者大会 开源治理 OpenI启智社区

混沌工程之 ChaosBlade 故障注入百宝箱

柠檬汁Code(binbin0325)

源码分析 混沌工程 故障注入 ChaosBlade Chaos

基金行业,镭速文件传输系统方案

镭速

NFT链游开发实现DAPP系统落地

薇電13242772558

NFT 链游

镇江有具有资质的等保测评机构吗?在哪里?

行云管家

等保 等级保护 等保测评 镇江

百度工程师浅谈分布式日志

百度Geek说

分布式 运维 日志 百度文库 企业号 2 月 PK 榜

每日一题之Vue数据劫持原理是什么?

bb_xiaxia1998

Vue

社招前端一面必会vue面试题

bb_xiaxia1998

Vue

即刻报名!飞桨黑客马拉松第四期如约而至,等你挑战

飞桨PaddlePaddle

深度学习 paddle 开源 大赛 飞桨

有哪些值得推荐的敏捷开发工具❓

没有用户名丶

听说 ChatGPT 推荐了一场技术活动,就在本周六的北京?

Daocloud 道客

北京 技术活动

云原生观测性--OpenTelemetry 之实战篇

Daocloud 道客

云原生 可观测性 OpenTelemetry

实践篇(三):如何有效评审软件架构图?

京东科技开发者

架构 后端 软件架构 企业号 2 月 PK 榜 架构评审

软件测试/测试开发 | App常见bug解析

测试人

软件测试 自动化测试 测试开发 app测试

Hadoop 及Spark 分布式HA运行环境搭建

京东科技开发者

大数据 hadoop spark 后端 企业号 2 月 PK 榜

一台不容错过的Java单元测试代码“永动机”

京东科技开发者

Java 单元测试 京东云 京东技术

美团前端常考手写面试题总结

helloworld1024fd

JavaScript

React源码分析5-commit

goClient1992

React

面试官:能用JavaScript手写一个bind函数吗

helloworld1024fd

JavaScript

预告| 亮点抢先看!第四届OpenI/O启智开发者大会主论坛24日启幕!

OpenI启智社区

人工智能 开发者大会 算力网络 OpenI启智社区

React源码分析7-state计算流程和优先级

goClient1992

React

优质的双机热备软件厂家是哪家?咨询电话多少?

行云管家

高可用 双机热备 双机热备软件

别错过!4C首发直播,上届全国总冠军带你入门赛题

飞桨PaddlePaddle

计算机 飞桨 PaddlePaddle

火山引擎数智平台ByteHouse入围稀土掘金《Top10年度创新产品》

字节跳动数据平台

大数据 云原生 Clickhouse

React源码分析6-hooks源码

goClient1992

React

云业务成本的组成与管理趋势

SEAL安全

云服务 云成本 FinOps 企业号 2 月 PK 榜

在vue的v-for中,key为什么不能用index?

bb_xiaxia1998

Vue

一图读懂阿里云RDS架构与选型

NineData

数据库 阿里云 Serverless RDS arm

滴滴前端一面常考手写面试题合集

helloworld1024fd

JavaScript

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