一个基于Headless UI组件库的 React UI 组件库shadcn/ui，在一年上涨了 39500 颗星星，它到底是如何实现的呢？

在当今快节奏的信息时代，前端开发行业的变化和进步非常迅速。作为前端开发者，获取优质信息并不断学习是保持竞争力的关键。

之前我们介绍了Chrome扩展的实现，本篇文章作为上篇文章的延续，介绍了轻量级Web脚本的实现，以油猴脚本的基准构成 - 脚本管理器的核心实现 - 脚本工程化打包 - 解除网站复制限制脚本实例展开。

Github上一个非常不错的开源项目，该项目非常适合对系统设计感兴趣或者不了解的开发者，里面包含了各种各样的设计图，而且使用通俗易懂的话来描述，几乎涵盖了开发人员可能接触到的不同工具。

无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。下图用需求、业务代码、测试代码做对比： 图中分了 3 个阶段