整个项目大概有60+个页面，用到的组件大概150+，package里面的依赖大概有70+个，应该勉强算得上是一个中型的React的项目了。 打包时间约150s，打包完之后的资源gzip之后约1.2m，尽管之前分离了一些公用依赖，但是index包的体积达到了600+还是令人难以接…

中间件提供第三方插件的模式，自定义拦截 action -> reducer 的过程。变为 action -> middlewares -> reducer 。这种机制可以让我们改变数据流，实现如异步 action ，action 过滤，日志输出，异常报告等功能。 1.一个组件所…

React 中常见模式是为一个组件返回多个元素。为了包裹多个元素你肯定写过很多的 div 和 span，进行了不必要的嵌套，增加了浏览器的渲染压力。Fragments 可以让你聚合子元素列表，并且不增加额外节点。 15以前，render 函数的返回必须有一个根节点，否则报错，为…

Taro 物料市场诞生于「让每一个轮子产生价值」的理念，希望让开发者之间可以分享和共享代码，上线仅 4 个多月，开发者们已经上传分享了 64 个物料，物料市场也从无人知晓到了查找物料就逛一下找一找。 Taro 物料市场的物料目前分为 4 大类，组件、UI 库、模版、SDK。每个…

如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以直接在现有的函数组件中使用 Hooks 1. 类组件的不足 综上所述，如果不注意的话，很容易写成第三种写法，导致性能上有所损耗。 2. Hooks 优势 副作用的关注点…

为什么会提到一个抽象组件的概念，其实我们称其为高复用组件更好，因为其实在业务开发中很多时候会有这样的场景，我们的某部分功能是可以共用给其他部分的，但这部分又不太可能脱离组件或者某个基准数据存在。于是，我们需要将这部分代码进行一定的抽象或者说设计。 混入在其他编程语言中非常常见，…

mobx是一款基于观察者模式的响应式数据管理框架，相对于redux来说是后起之秀。 有一种观点认为mobx不适合构建大型项目，这源于mobx过于灵活的特点。灵活即意味着随意，这在开发日益复杂的大型项目是致命的弱点。redux则不然，它的唯一数据源、reducer纯函数、只能通过…

TypeScript 是有类型定义的 JS 的超集，包括 ES5、ES5+ 和其他一些诸如泛型、类型定义、命名空间等特征的集合，为了大规模 JS 应用而生。对于 TypeScript 本身，更多信息请参考《TypeScript 体系调研报告》。本文只记录 TypeScript …

上次我们走完了从setState()到单个DOM更新的流程，并简单的分析了diffing算法。这个分析显然不够，因为diffing算法是为更为复杂的情况而设计。