Zongzi

JavaScript Developer

JavaScript Developer, Gundam Fans, Katou Megumi Fans,

44关注

86关注者

赞

131

更多

文章

1年前

React Redux 源码学习

我们依然围绕着 src 进行学习。可以看到源码中已经在使用 Hook 代码。如果你暂时还对 Hook 不是很了解的话，建议先前往 React 官网学习 Hook 内容。从目录来看 utils 依然是简单的工具， hooks 下则是一些对外提供的 Hook ， connect …

117
1
2

React Redux 源码学习

1年前

Redux 源码学习

很显然，可以看到这和 React 仓库一样，同样使用了 rollup 打包工具，也验证了 rollup 在开发库类仓库的优势，毕竟大厂都在用嘛。我省略了大部分内容，可以看到开发团队针对不同使用场景，对外提供包对应的路径，比如使用 TypeScript 时，对应的则是 type…

213
1
评论

1年前

React 源码学习（十二）：Reconciliation

在某一时间节点调用 React 的 render() 方法，会创建一棵由 React 元素组成的树。在下一次 state 或 props 更新时，相同的 render() 方法会返回一棵不同的树。React 需要基于这两棵树之间的差别来判断如何有效率的更新 UI 以保证当前 U…

326
5
评论

React 源码学习（十二）：Reconciliation

1年前

React 源码学习（十一）：Scheduling

即便你的组件以 function 的方式声明，在 React 中你也并不会直接调用他们。每个组件返回一个该渲染什么的描述，该描述会包含开发者写的组件如 <LikeButton> 和平台特定的组件如 <div>。由 React 决定在未来的某个时间点展开 <LikeButton…

402
6
评论

React 源码学习（十一）：Scheduling

1年前

React 源码学习（十）：Fiber

Fiber 是 React 16 中新的协调引擎。他的主要目的是使 Virtual DOM 可以进行增量式渲染。了解更多从数据结构来理解 Fiber ，他其实是一个链表数据结构，分别通过 return ， child ， sibling 连接着另一个 Fiber 。同样的也可…

570
6
2

React 源码学习（十）：Fiber

1年前

React 源码学习（九）：“脱胎换骨”

历时近 6 年之久，从 0.3.0 (May 29, 2013) 至 16.8.6 (March 27, 2019) 整个 React 框架已经经历了可以说是“脱胎换骨”，具体更新内容细节可以移步至 CHANGELOG.md 查看。回看 v0.3 ，源码存放在 src 目录下…

232
6
评论

React 源码学习（九）：“脱胎换骨”

2年前

React 源码学习（八）：组件更新

上面代码看来，一个是不替换组件的情况下更新组件，另一个则是直接更新 markup 标记。我们按照顺序一个个看过来吧，先看到 ReactCompositeComponent.receiveProps ：关于 DOM 操作一系列的方法这里不准备做解读，可以直接查看源码 core/…

1502
28
评论

React 源码学习（八）：组件更新

2年前

React 源码学习（七）：生命周期

那么关于生命周期， React 当中生命周期有 2 个。一个是组件的生命周期 _lifeCycleState ，另一个是复合生命周期 _compositeLifeCycleState 用于复合组件。那么到此，实现生命周期功能。那么让我们来看看那些生命周期的钩子都在哪里：

114
4
评论

React 源码学习（七）：生命周期

2年前

React 源码学习（六）：组件渲染

在这里，我们看到创建组件的方法是 React.createClass ，组件就是一堆 HTML 元素的集合，但是组件具有状态 (state) 和属性 (props) ，还具有生命周期，并且组件可以更新。所以我们会一一将其到来，那么本次我们仅讨论组件渲染。我们看到复合组件看到 …

168
5
评论

React 源码学习（六）：组件渲染

2年前

React 源码学习（五）：事件机制

React 采用将事件挂载至 document 或者 window 上来实现顶级事件。接下来我们会一一来介绍事件的实现过程。我们来回忆下， ReactNativeComponent.js 中 _createOpenTagMarkup 方法中的 putListener 函数和 …

195
4
评论

React 源码学习（五）：事件机制

个人成就

文章被点赞107

文章被阅读5,395

加入于

2017-01-10