构建流程总结:
主要是以下几个难点:

1. 稍微复杂一点的还是在递归上-》从父到子创建; -reconcileChidren-reconcile 的使用
2. 需要注意的是:我们跑的 demo 的 JSX 格式会被 babel 编译成 createElement()中参数的形式，然后我们自定义 createElment,把它转变为我们想要的对象的形式{type,props}，之后我们的 render()才会去处理，生成真实的 DOM
3. 还有一个难点是在于如何处理 Component 实例，它需要引用公共的实例;同时 Component 只有一个 childInstance

构建流程总结:
在这部分可能涉及到算法的就是：递归和迭代，从上到下与从下到上递归与循环
主要是以下几点如何实现：

1. 首先要理解 fiber，fiber 就是一个工作单元，流程图，如何从父到子，到兄弟节点，在返回到根节点
2. createElement 如何实现-踩坑的点主要有：子元素 child 是否是对象，若不是需要转换为文本对象（createTextElement）
3. render 函数如何实现
4. 虚拟 DOM 如何对比-reconcileChildren

• 分类为：标签一致，更新属性；标签不一致，创建新 DOM；便签不一致，去掉旧 DOM（注意这里是三个并行的 if）
• 每一个 fiber 是一个对象，且要注意的是，每一个对象的属性上有创建好的 DOM 元素（未挂载）

5. 实际 DOM 如何实现改变-updateDom 函数的实现

• 事件的对比-添加、删除
• DOM 属性的对比-添加、删除

6. 如何实现 hook:在使用已有的 react 的时候就在想框架如何知道我使用的是哪个通过 useState 返回的函数，核心点一个是 index，一个是将传入的 action 放入一个队列中，在下轮 render 的时候，按顺序执行这每一个 action
7. 并且这里考虑了在浏览器线程空闲的时候再去处理虚拟 DOM，所以引用了 requestIdleCallback()
8. 相比上一版这版本通过 Hooks 重构的 setState 方法更简洁