通过前面几篇文章，我们深入学习了 Yjs 的核心概念、y-protocols 协议、y-websocket 网络同步和 y-indexeddb 本地持久化。现在让我们把这些知识串联起来，从零开始构建一个真实可用的协同流程图编辑器。想象一下这样的场景：多个用户同时打开同一个流程图，拖动节点、创建连接、实时看到彼此的光标位置，就像在同一块白板上协作一样流畅。这就是我们要实现的效果。这个案例会涵盖协同编辑的核心场景：数据同步、状态管理、光标协同，以及前后端的完整实现。项目架构让我们先看看整体架构。这个协同流程图应用由三个核心部分组成：前端使用 React + ReactFlow 构建可视化流程图界面...

整个开源项目都使用了最新的技术栈，其中包括了1. nextjs2. yjs3. langchain4. nestjs5. sentry等技术栈，感兴趣可以参与学习😉😉😉

 本项目使用了 Next.js 作为构建框架，结合 Tiptap 和 Yjs 实现协同编辑功能，并通过 @hocuspocus 提供服务端支持，前端基于 React 19 和 Tailwind CSS 构建，使用 Socket.io 进行实时通信，代码规范由 Prettier/ESLint 保驾护航，并通过 Vitest/Playwright 实现从单元测试到端到端测试的完整支持。如果你感兴趣，可以访问 Github 地址

最近对我的面试网站seo做了一下调整，效果还是非常明显的，百度，必应，谷歌搜索引擎都排第一了。另外如果你们想学八股的话也可以看我这个网站，内容非常深入

很多公司陆陆续续都开始了秋招又或者说刚毕业还没有找到工作，相信很多朋友都在为简历发愁，想到在面试的时候肯定会有被面试官问项目亮点的场景并说不出所以然，在日常的学习或者工作中都是一些 CRUD，所以就算项目做了但是很多，但是最终看起来还是普普通通，没有什么特别亮的点。那么接下来我就分享一下我最近在做的这几个开源项目吧，来分享一下我的观点，希望对你有帮助。Create—Neat 前端脚手架脚手架我们在项目开发中基本都会用到了，vue 这边的话很多人用的可能就是 create-vite，react 这边的话现在很多开发者都是在用 next 或者在学 next 的路上，所以自然也是 create-ne...

目前正在跟朋友做一个 vscode 编辑器相关的事情，目前有几个阶段，第一二阶段是 vscode 源码的阅读和分享，第三阶段就是编写一个在线代码编辑器，其中在线代码编辑器的功能点和技术栈主要如下所示：在线代码编辑器功能实现协同编辑在线 debuggergit diff在线编译AI 编码（端侧 AI）前端技术栈nextjszustandmonaco-editortailwindcsswebContainer等这些阶段完成之后，就可以编写一些 vscode 的插件，也就是说一整个流程下来，能学习到很多的技术：开源经历，丰富简历vscode 源码在线代码编辑器项目经历AI 的相关概念和使用vscod...