React框架16版已经出了，许多变化令人兴奋。其中有一个功能让我感到兴奋，那就是改良过的错误处理方法。之前的版本在渲染网页过程中，如果发生了运行时错误，那整个React框架就会处于一种被破坏的状态。

众所周知，目前的 WEB 应用，用户体验要求越来越高，WEB 交互变得越来越丰富！前端可以做的事越来越多，去年 Node 引领了前后端分层的浪潮，而 React 的出现让分层思想可以更多彻底的执行，尤其是 React 同构 (Universal or Isomorphic) 这个黑科技到底是怎么实现的，我们来一探究竟。

Redux 是 JavaScript 状态容器，提供可预测化的状态管理。

React+Redux 非常精炼，良好运用将发挥出极强劲的生产力。但最大的挑战来自于函数式编程（FP）范式。在工程化过程中，架构（顶层）设计将是一个巨大的挑战。要不然做出来的东西可能是一团乱麻。说到底，传统框架与 react+redux 就是 OO 与 FP 编程范式的对决。 简单学习某项技术并不能让建立起一个全局理解，也很难工程化。所以，我们必须要看以下几方面： 了解其独特的东西。如 React 中组件是 pure render 函数。 置于上下文中。将 React 放在 flux、redux 中。才能真正看到数据单向流动。 对比看到优势。比其它的解决方案 (vue, angluar，adobe flex），看其优势。 挑战。软件领域里没有银弹，有好处一定有挑战。

React 性能优化的一个主要工作是减少 DOM 的对比和处理，来看看文章作者是如何来避免 shouldComponentUpdate 函数返回 false 来优化 React 应用性能。

下面我就将介绍如何利用 Redux 来管理你的 React 项目了，而这里我主要教你构建的是基于 React + Redux + React-Router 的方法，这也是官方文档里介绍的比较少但是项目中却必备的知识点。

总结项目目前优化的方案，大体的就这些，陆续还有增加！

现在网上有很多react原理解析这样的文章，但是往往这样的文章我看完过后却没有什么收获，因为行文思路太快，大部分就是写了几句话简单介绍下这段代码是用来干嘛的，然后就贴上源码让你自己看，有可能作者本人是真的看懂了，但是对于大部分阅读这篇文章的人来说，确是云里雾里。 讲解一个框架的…

在前端开发过程中，对性能产生最大影响的因素莫过于DOM的重排重绘了，React作为前端框架领跑者，为了有效解决DOM更新开销的问题，采用了Virtual DOM的思路，不仅提升了DOM操作的效率，更推动了数据驱动式组件开发的形成与完善。一旦习惯了数据驱动式开发，再要求我们使用显…