React快速上手开发

xv

前言

大约

2000

年，洛杉矶。这又是一个温暖舒适的加利福尼亚之夜，淡淡的海风轻轻拂来，

舒爽惬意。我正准备使用

FTP

把我新建的站点

CSSsprites.com

传送到服务器并向全世界发

布。在发布的前几个晚上，我一直在思考一个问题：“到底为什么只把

20%

的工作量放在

解决应用的主要问题上，却把剩下的

80%

花费在努力克服用户界面的问题上呢？”如果

能把所有调用

getElementById()

和考虑应用状态（用户上传是否完成？如果上传出错，上

传对话框是否要继续显示？）的时间节约出来，我能利用这部分时间完成多少其他的工具

呢？为什么界面开发这么耗时？如何处理不同浏览器之间的差异？想到这些，我的大好心

情荡然无存。

时间快进到

2015

年

3

月。在当时召开的

Facebook F8

开发者大会上，我所在的团队准备公

布两个完全重写的

Web

应用：一个第三方评论模块和一个配套的评论审核工具。和我的小

应用

CSSsprites.com

相比，这两个应用非常成熟，功能也复杂得多，并且流量非常大。虽

然如此，其开发过程依然令人愉悦。团队中的新成员（甚至包括刚接触

JavaScript

和

CSS

的新手）都能很快地融入其中，轻松高效地贡献功能特性并改进现有代码。团队中的一个

成员说：“现在我发现这就是自己热爱的一切！”

在这段时间里发生了什么？答案是：

React

诞生了。

React

是一个

UI

库，让你只需定义一次用户界面，就可以将其用在多个地方。之后，当应

用的状态（

state

）发生变化时，

React

将会自动作出

反应

、更新界面，你无需做其他任何工 ...