为什么选择 comp-hub
comp-hub 解决的是一个简单却普遍存在的问题:让组件复用变得轻松。
开发者的痛点
在日常开发中,你是否遇到过这些场景:
- 新项目中需要一个图表组件,记得上个项目写过类似的,但找了半天也没找到
- 从别的项目复制来一个表格组件,改了半小时路径和样式,发现还有依赖没装
- 封装了一个不错的组件,但同事不知道它的存在,又重写了一个
- 接手了一个新项目,发现里面有三四个功能类似的「用户选择器」,但各自都有点问题
这些问题看似琐碎,却每天都在消耗开发者的时间和精力。
comp-hub 的解法
comp-hub 的核心很简单:
- 写好的组件随手上传 — 自动提取依赖、生成预览
- 需要时在线预览 — 先看效果再决定用不用
- 一键下载到项目 — 保持完整结构,直接使用
没有复杂的流程,没有额外的学习成本,就像使用 npm 包一样自然。
与 Monorepo、NPM 发布的对比
相比 Monorepo
| 对比项 | Monorepo | comp-hub |
|---|---|---|
| 项目耦合 | 所有项目必须在同一个仓库 | 项目完全独立,任意项目都可使用 |
| 技术栈限制 | 通常要求统一技术栈和构建工具 | 支持不同技术栈的项目共享组件 |
| 接入成本 | 需要改造现有项目结构 | 零改造,现有项目直接可用 |
| 版本管理 | 组件版本与项目强绑定 | 组件独立版本,按需下载 |
| 适用场景 | 大型团队协作的同一产品线 | 跨团队、跨项目的组件复用 |
总结:Monorepo 适合紧密协作的大型项目,而 comp-hub 更适合松耦合的组件共享场景。
相比发布到 NPM
| 对比项 | NPM 发布 | comp-hub |
|---|---|---|
| 发布流程 | 需要注册账号、配置 package.json、执行发布命令 | 一键上传,自动提取依赖和元数据 |
| 版本控制 | 严格的语义化版本,升级需谨慎 | 灵活迭代,不影响现有使用方 |
| 预览体验 | 先安装再查看效果 | 在线预览,满意后再下载 |
| 私有性 | 私有包需要付费或自建 Registry | 团队内部直接使用 |
| 适用范围 | 适合基础库、通用组件 | 适合业务组件、项目专属组件 |
总结:NPM 适合发布公共基础库,comp-hub 适合快速沉淀和复用业务组件。
与 AI、低代码的关系
有人可能会问:AI 都能直接生成组件了,还需要 comp-hub 吗?
答案是:更需要了。
AI 生成组件很快,但生成的组件如果散落在各个项目中,很快又会变成「找不到、用不了」的状态。comp-hub 可以与 AI 完美配合:
- 用 AI 生成组件基础代码
- 在 comp-hub 上预览、调试、完善
- 上传保存,供团队复用
低代码平台解决的是「快速搭建页面」的问题,而 comp-hub 解决的是「沉淀业务组件」的问题,两者互补。
适合谁用
| 场景 | 价值 |
|---|---|
| 前端团队 | 建立团队组件库,避免重复开发 |
| 独立开发者 | 管理个人组件资产,跨项目复用 |
| 外包公司 | 快速复用历史项目组件,提升交付效率 |
如果你也曾为「找个组件」或「复制组件」浪费过时间,comp-hub 就是为你准备的。