本文的叙事线索与代码示例均来自High Performance Redux，特此表示感谢。之所以感谢是因为最近一直想系统的整理在 React + Redux 技术栈下的性能优化方案，但苦于找不到切入点。在查阅资料的过程中，这份 Presentation 给了我很大的启发，它的很…

最近在写一个面向 React 初学者的系列教程玩转 React，内容对有 React 开发经验的同学来说可能太过于基础和啰嗦，不太感兴趣。所以我打算同时开始另外一个系列文章《React 开发实战》。该系列主要面向有 React 开发经验的同学，更侧重 React 实战，每一篇文…

就在今天,React 团队正式发布了 React 16，这次发布带来了哪些内容呢？ React 16 采用了称为“Fiber”的全新的内部架构。官方对 Fiber 的一句话解释是“React Fiber是对核心算法的一次重新实现”。 以前的 React 使用的称为“Stack”…

1. React+Redux项目结构最佳实践 2. 如何合理地设计State 在前面两篇文章中，我们介绍了Redux项目结构的组织方式和如何设计State。本篇，我们将以前面两篇文章为基础，继续介绍如何设计action、reducer、selector。 根据这个结构，我们很容…

对于企业级后台产品来说，Table 应该是使用最频繁的组件了，它通常比 Form 和 Chart 的使用还频繁。对于这么一个常用的组件，我们决定要把它从 RSuite 中单独出来开发，并且要具有一定的通用性，适应很多场景。 首先看一下，Table 完成的效果。

什么是Redux？Redux是一个状态的容器，是一个应用数据流框架，主要用作应用状态的管理。它用一个单独的常量状态树（对象）来管理保存整个应用的状态，这个对象不能直接被修改。Redux中文文档见http://www.redux.org.cn 在我们的应用中有很多歌曲列表页，点击…

React Router v4 是一个完全使用 React 重写的流行的 React 包，之前版本的 React Router 版本配置是使用伪组件也很晦涩难懂。现在 v4 版本的 React Router，所有的东西都 “仅仅是组件”。 选择 router。 创建 route…

一个可以自动生成react骨架屏的webpack loader. 菊花的loading图太low，骨架屏更美观。公司UI不愿意为设计骨架屏图片（在一个小公司，UI也比较少）！后来我想了一下能不能通过webpack自动生成骨架屏，有了这个想法之后我就开始动手设计了,发现是可行所以…

这两天看了下react的文档，准备搭建一套适用的基本react开发架子。 由于我一直使用的是vue，很少使用过react进行项目的开发，因此此构建主要参考的是vue的项目经验。 react和vue的开发模式很像，同样的组件化，模块化，统一状态管理机制，路由 ... 等等，因此我…