理查der驾

我们是最后一代将想法手工转化为代码的人。我们的孩子会描述他们想要的东西，然后看着它出现在屏幕上，就像我们向搜索引擎描述我们想要的东西，然后看着搜索结果出现一样。

利用我们已经写完了的mini-react写一个TODO应用。 支持添加，删除和完成todo item 以列表形式展示所有todo items 支持filter：all, done, active

实现最简单的useEffect.调用时机是在 React 完成对 DOM 的渲染之后（commitWork(root.child）)，并且浏览器完成绘制之前(wipRoot = null)

前一天的课程中，我们是通过调用React.update()函数返回的update函数来触发重新渲染的。今天的课程，我们会把它替换成React.js中的useState

在上一天的课程中，对于props触发的更新，我们仅仅处理了节点属性变化和新增了节点的逻辑。对于需要删除的老节点没有做处理。实际上，还有几种情况需要处理。今天的课程中，我们需要完成这些处理；优化更新性能

实现 mini-react 中的button onClick事件绑定; 实现props更新导致的节点DOM属性更新和新的节点DOM创建。

统一提交解决的问题：浏览器会渲染已完成的部分dom，导致页面显示不全；支持function component: 需要解决的问题是函数造成的额外节点支持

将整棵vdom树的render拆分成小任务避免页面卡顿 workLoop 工作机制类似于一个Message Queue