Hi there 👋

时不时手撕常见框架的源码，或者搞一些有趣的工具，当然还有前端知识的总结

• Snake Design 复刻claude design

• 前端知识总结 知识总结，踩坑记录，最佳实践，八股文应有尽有

• 落地页低代码编辑器 低代码编辑器

• Canvas 2D绘图基础 Canvas基础支持、Canvas性能分析、Canvas协同白板实战教程

• WebGL 3D绘图教程 我要当WebGL中国区布道师！！！

• egg-react-ssr 自研的、从0到1搭建的、配置透明简约的、实战化的、具备首屏SSR、CSR/SSR无缝切换的、代码分割懒加载的react-ssr 开发框架

• mini-react 针对react、react dom、react reconciler、react scheduler源码进行全方位深度解析，【进行中】

• mini-parser 从零开始实现一个AST解析器

• mini-react-redux 手写redux、react-redux源码

• mini-react-router 手写react-router-dom、react-router源码

• monaco-editor-app 基于monaco editor的在线代码编辑器

• 程序员送外卖指南

• mini-webpack 手写webpack源码，以及webpack常见loader，plugin源码

• babel-plugin-react-directives babel插件开发，为react添加 r-if、r-show 指令

• mini-webpack-dev-server 手写 webpack-dev-server 源码，如何注入热更新运行时代码，如何生成补丁文件等

• mini-tapable webpack 插件机制核心。 mini-tapable 不仅解读官方 tapable 的源码，还用自己的思路去实现一遍，并且和官方的运行时间做了个比较，我和webpack作者相关的讨论可以点击查看

• mini-promise 手写 es6-promise 源码，理解 async await 语法糖原理，这里有几道题帮助加强理解 Promise A+ 规范

• mini-koa 手写koa源码，koa-compose 中洋葱圈模型的实现

• web-monitor web前端性能监控埋点

• create-app-cli 一个类似于vue-cli的脚手架工具

• antd-learn 使用bisheng搭建的仿antd组件库的react组件库开发框架，bisheng是antd提供的组件库文档生成器

• skeleton 前端骨架屏生成插件，自动抓取页面并生成页面骨架屏。使用puppeteer操作无头浏览器并抓取页面，生成页面骨架

• mini-vite 手写vite源码

正在做的事情(Doing Now)

• Snake Design 复刻claude design，做一个纯web版的agent应用
• 基于github搭建Coding Agent工作流平台
• 抽象harness工程化基建，适配codex,cursor，claude等各个coding agent