长腿程序员

源码目录结构 源码中主要包括如下部分 fixtures：为代码贡献者提供的测试React packages：主要部分，包含Scheduler，reconciler等 scripts：react构建相关

virtual Dom是什么 一句话概括就是，用js对象表示dom信息和结构，更新时重新渲染更新后的对象对应的dom，这个对象就是React.createElement()的返回结果 virtual

总结 至此我们介绍了react的理念，如果解决cpu和io的瓶颈，关键是实现异步可中断的更新 我们介绍了react源码架构（ui=fn(state)），从scheduler开始调度（根据过期事件判断优

这一章的目的是让我们认识一下react源码架构和各个模块。 在真正的代码学习之前，我们需要在大脑中有一个react源码的地图，知道react渲染的大致流程和框架，这样才能从上帝视角看react是怎么更

迷你react和真正的源码有哪些区别呢 在render阶段我们遍历了整颗Fiber树，在源码中如果节点什么都没改变会命中优化的逻辑，然后跳过这个节点的遍历 commit我们也遍历了整颗Fiber树，源

异步可中断 React15慢在哪里 在讲这部分之前，需要讲是那些因素导致了react变慢，并且需要重构呢。 React15之前的协调过程是同步的，也叫stack reconciler，又因为js的执行

查看视频调试demo_7 context流程图 cursor/valueStack react源码中存在一个valueStack和valueCursor用来记录context的历史信息和当前conte

从一个bug说起 下面这个demo_13在react17和react16中有什么不同吗？代码也很简单，模拟一个modal框，点击显示出现，点击其他地方，相当于点击了mask，modal消失，因为rea

当我们在类似下面的搜索框组件进行搜索时会发现，组件分为搜索部分和搜索结果展示列表，我们期望输入框能立刻响应，结果列表可以有等待的时间，如果结果列表数据量很大，在进行渲染的时候，我们又输入了一些文字，因