山石岩

这是从测试看react源码的第一篇，先从一个独立的 Scheduler 模块入手。正如官方所说，Scheduler模块是一个用于协作调度任务的包，防止浏览器主线程长时间忙于运行一些事情，关键任务的执行被推迟。用于 react 内部，现在将它独立出来，将来会成为公开API 如果你…

当浏览器的主线程长时间忙于运行一些事情时，关键任务的执行可以能被推迟。 为了展示这个问题，我做了一个demo，为了使星球一直转动，主线程需要每16ms被调用一次，因为animation是跑在主线程上的。如果主线程被其他事情占用，假如占用了200ms，你会发现animation会…

在runtime时, babel转译器将对每一个节点都执行在编译注释(Pragma)中声明的函数。 每个element（jsx转换而来的）对应一个instance，instance包含了dom, element, childInstances。 如果是custom compon…

dva 是对redux、react-redux、react-router、redux-saga的整合，所以在看dva源码之前建议先要熟悉这些库的用法。 废话不多说，那我们就开始。先看一下生成的 index.js 文件，在这里我加入了dva-loading，用来分析plugin。…

原理就是当运行 dva new my-app 时，dva-cli 就将其项目中的boilerplates文件夹拷贝到process.cwd()目录下。并且运行npm install安装项目依赖。 bin/dva 是dva-cli的入口文件，其中定义了-v命令以及执行相应的sub…

这篇文中是对 redux-saga源码解析 的补充，可以帮助大家更加全面的了解redux-saga。主要探索一下 channel, 和redux-saga中的取消任务 在前一篇文章中说到其实redux-saga支持三种channel，分别是channel， eventChann…

Redux-saga是redux应用的又一个副作用模型。可以用来替换redux-thunk中间件。 redux-saga 抽象出 Effect （影响, 例如等待action、发出action、fetch数据等等），便于组合与测试。 原本redux中action只能是 plai…

Redux is a predictable state container for JavaScript apps. 官网第一句就很全面的介绍了redux。一个可预测的状态管理工具。redux 是如何做到的呢？ 为了篇幅减少些，上面的代码我删掉了部分错误检查。其实都很好理解，…

上一次我们讲解了Provider、connect、selectorFactory。这次主要分析 connectAdvanced 这个核心API。 上篇讲过 selector 会将新的值和缓存的值做比较，如果变化，将重新求值并返回，如果没变化，返回缓存的旧值。makeSelect…