周元-Vue核心模块源码解析

响应式系统

• 通过一些交互，触发界面更新：click, input, ...

1. setState, useState => dispatch, this.xxx = "newVal"
2. 执行了一段js；
3. 这段js触发了一个render函数；
4. 这个函数使界面更新了。

我们使用框架开发业务时，只需要做1和4，而框架替我们做了2和3

Q: 如何改变一个值，让render来执行？

备注

• vue3的双向绑定原理简单手写一遍？Proxy / Relect
• 手写一遍vue2的实现: Observer, Watcher, Dep, Compiler
• WeakMap、Proxy 的使用
• 手写一遍vue3的实现
• diff算法？
• vue3源码： runtime-core/src/renderer.ts：patchKeyedChildren，最长上升子序列

其他

• Socket.IO (opens new window)

• 绘图工具：https://app.diagrams.net/ (opens new window)