写在前面 本系列会实现一个简单的react，包含最基础的首次渲染，更新，hook，lane模型等等，本文是本系列的第一篇。这对于我也是一个很大的挑战，不过这也是一个学习和进步的过程，希望能坚持下去，一

协同编辑通常指多个参与方共同合作完成某项任务或目标的行为，它一直是一个技术上具有挑战的领域，其中数据一致性问题尤为复杂，不过现如今已经有比较成熟的方式来解决它，本文主要介绍Yjs实现协同编辑。

思维导图是一种常见的表达发散性思维的有效工具，本文会完整的介绍如何从头实现一个简易的思维导图，最终成果预览：https://wanglin2.github.io/mind-map/

最近使用 Yjs 给自己开源的一个思维导图加上了协同编辑的功能，得益于该框架的强大，一直觉得很复杂的协同编辑能力没想到实现起来异常的简单，所以通过本文来安利给各位。 要实现协同编辑，目前主要有两种算法

上一篇文章实现了日历视图，布局和功能相对简单一点，所以核心功能我用了一个class去实现。甘特图功能和布局相对复杂一点，且为了后续扩展，这块要将功能细化。可能开源的代码并不能够直接参与到你们的实际项目

React Diff 算法 认识 React Diff 算法 React 是 Fiber 架构的，Fiber 其实是一个链表的结构，但是由于没有设置反向指针，因此没有使用双端比对的方式去优化 Diff