Facebook 告诉我们如何构建网站

Eric Florenzano 最近在自己的博客上发表了一篇题为《Facebook 教我们如何构建网站》的文章，他认为软件开发有些时候需要比较大的跨越，而这将会在2015 年再次上演，主角们则是Facebook 的React.js、Relay 和GraphQL。

Eric Florenzano 在该文章中提到：2003 年 Brad Fitzpatrick 发布了 Memcached，由此开启了 LiveJournal 架构的时代；2004 年 Google 发布了 MapReduce 论文，由此诞生了 Hadoop 并开始风靡世界；2007 年 Amazon 发布了 Dynamo 存储系统，让我们知晓了如何通过线性扩展的方式让数据库和应用程序一起工作，并导致了 Cassandra、Riak 等数据库的产生；2010 年 Twitter 教会了我们如何通过客户端模板让服务器端变成一些简单的 API，并引发了 Web 应用的又一次大转变；2012 年 Google 发布了 Angular.js 1.0，并最终成为流行的 Web 开发框架，这一切都有一个共同点，那就是：公司或者创业团队从生产中得到了沉痛的教训，从失败中找到了向前的出路，然后在将自己的技术突破共享出来的时候引发了一系列的变革。Fitzpatrick 相信，在 2015 年 Facebook 将会通过 React.js、Relay 和 GraphQL 三把利剑引发 Web 应用开发的另一次跨越。

Fitzpatrick 做出如此判断的理由主要是基于 Facebook 的员工在一些演讲中所透露出的 Web 开发理念。例如，Pete Hunt 在 2013 年的 JSConf 上做了题为《React：重新思考最佳实践》的演讲，讲述了Facebook 之所以会避开某些“最佳实践”的原因，Pete Hunt 认为JS 模板分离了技术，但是并没有分离关注点，而框架并不知道如何分离关注点，解决这一问题的方案是组件，要充分利用JavaScript 的能力，削弱模板的作用；Daniel Schafer 和Jing Chen 在2015 年的React.js Conf 上讲述了 Facebook 如何通过 GraphQL 改变既有的数据获取方式，让开发者更容易地在 React 应用中获取数据；Christopher Chedeau 在《React：CSS in JS》中讲述了在大规模使用CSS 时所面临的问题以及如何通过JS 来解决。

总的来说，Facebook 提出的Web 开发理念可以概括为：将应用分解为一个个独立的组件，与该组件相关的样式、标记、验证以及数据要求都放到组件定义的内部，对于自我渲染所需的所有数据每一个组件都有明确的声明且保存在该组件内部，同时对于哪些行为会改变组件的状态，组件状态改变之后会有哪些反应也要有明确的定义。通过这种方式编写的组件能够封装它自身的逻辑，使得组件高内聚，组件之间低耦合，增强了复用性，同时也降低了开发人员的运维难度和复杂性。

毫无疑问，Facebook 提出的技术与理念对于大部分Web 网站开发团队而言还是有一定借鉴意义的，其中的思想也值得我们深思与学习，但是Fitzpatrick 的判断是否真的会实现，Facebook 的React.js、Relay 和GraphQL 是否会引发Web 开发的再一次变革，只有等待时间来验证了。

感谢郭蕾对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作，请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博（ @InfoQ ）或者腾讯微博（ @InfoQ ）关注我们，并与我们的编辑和其他读者朋友交流。