《React 状态管理与同构实战》justjavac 推荐序

从去年起，知名前端技术专家颜海镜和侯策开始了合著之旅，今年两位前端大牛共同打磨的书籍《React 状态管理与同构实战》终于正式出版了！

在书籍定稿之际，颜海镜把底稿寄给了我，我阅读了全部底稿，虽然写序是个高危行业，但是我毅然决然的为本书写了推荐序，以下是推荐序的内容。

迷渡（justjavac）推荐序

1995 年，Brendan Eich 花了10天时间开发出一门脚本语言，取名为 Mocha，并将其集成到了 Netscape 浏览器中，不久后这门语言被改名为 LiveScript，意思是可以让网页充满动力。同年年底，网景公司和 SUN 公司达成协议并获得了 Java 商标的使用权，于是正式将这门语言更名为 JavaScript。

历史选择了 JavaScript，使其成为了目前浏览器唯一内置支持的语言。时至今日，JavaScript 已经不仅仅局限于为网页开发实现特效了，而是真正发展成了一门全功能的编程语言。

我从 2005 年开始接触网页开发，经历了 Web 开发的“上古时代”。在 Web 1.0时期，我们开发出来的网页是给人“看”的，此时流行 jQuery 这种用来处理浏览器兼容性的库，以及像 Dojo、YUI、Extjs 这种用来做UI的库。

随着计算机和浏览器性能的提升，JavaScript 的功能开始不再局限于实现简单的网页开发，特别是 Ajax 的使用更是显著地提升了用户体验，这个时期被称为 Web 2.0。站在开发者和使用者的角度，Web 2.0 时期开发出来的网页是给人“用”的。此时的 JavaScript 程序无论从代码数量上还是代码复杂程度上，都是前所未有的。于是开发者们开始借鉴后端流行的 MVC 框架的思想，随后又根据前端自身的特点改进了传统 MVC 模式，并发展出了 MVP、MVVM 等新架构，其中比较有代表性的有 Knockout.js、Backbone.js、Ember.js 等。

后来，React 发布了，自那时起我成为了一名坚定的 React 使用者。React 不仅仅是一个全新的框架，更是一种新的思想。React重新定义了前端View层的开发模式：v = f(s)

其中 s 代表引用的状态（state），v 代表 View，而 f 则是一个把状态映射为 View 的纯函数。这个简单的公式代表了前端开发的一种模式：View 就是对于状态（state）的展示，对于同一个f而言，相同的状态永远对应相同的视图。

React 就是这里的 f，React 生态的不同库则代表着不同的f，比如 react-naitve、react-art、react-canvas、react-svg 等。

当我们写时，它既可以被 react-dom 渲染为一个 div 标签，也可以在服务器端被渲染为一个字符串，还可以被 react-native 渲染为原生的控件，甚至可以被渲染为 Word 中的一行文本、Excel 中的一个表格等。而这一切的魔法就源自 React 的思想。

但是 React 只是一个专注于 View 层的框架，它只负责把状态映射为视图，并不关注状态的来源和转换，因此在实际开发中，我们还需要关注“React 全家桶”中的 Redux。另外，同构应用可以让开发者只编写一套代码便可以既运行在服务端，又运行在客户端，充分结合两者的优势，并有效避免两者的不足。这也是 React 的一大优势。

虽然市面上关于 React 的书已经数不胜数，但是大多都是围绕着 React 框架本身的使用方法来讲解的，对于深入讲解 React 状态管理与同构应用的书却寥寥无几，而侯策和颜海镜的这本书正好可以弥补这一方面的不足。

几年前，由于 GitHub 上的机缘巧合，我认识了本书的作者之一颜海镜。颜海镜不仅是开源的狂热爱好者，也是国内最早学习并实践 React 的开发者之一。从我认识他起，他就一直在关注各种前端新技术，并开源了很多前端开发工具和库，这一点真的非常难能可贵！

如果你想实战 React 同构应用，或者想要深入全面地了解有关 React 状态管理的知识，相信这本《React 状态管理与同构实战》一定会给你给多启发。强烈建议各位读者细细品读。

迷渡（justjavac）

2018年6月于天津

总结

《React 状态管理与同构实战》是由两位前端知名技术专家颜海镜和侯策合力打磨，凝结了在学习、实践 React 框架过程中的积累和心得。

有兴趣的读者可以长按识别下方二维码购买。

PS：想要限量签名版（附赠精美礼物）的同学，公众号后台回复: React