Skip to content

为什么选择 comp-hub

comp-hub 解决的是一个简单却普遍存在的问题:让组件复用变得轻松

开发者的痛点

在日常开发中,你是否遇到过这些场景:

  • 新项目中需要一个图表组件,记得上个项目写过类似的,但找了半天也没找到
  • 从别的项目复制来一个表格组件,改了半小时路径和样式,发现还有依赖没装
  • 封装了一个不错的组件,但同事不知道它的存在,又重写了一个
  • 接手了一个新项目,发现里面有三四个功能类似的「用户选择器」,但各自都有点问题

这些问题看似琐碎,却每天都在消耗开发者的时间和精力。

comp-hub 的解法

comp-hub 的核心很简单:

  1. 写好的组件随手上传 — 自动提取依赖、生成预览
  2. 需要时在线预览 — 先看效果再决定用不用
  3. 一键下载到项目 — 保持完整结构,直接使用

没有复杂的流程,没有额外的学习成本,就像使用 npm 包一样自然。

与 Monorepo、NPM 发布的对比

相比 Monorepo

对比项Monorepocomp-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 就是为你准备的。

用户上传的组件遵循开源协议