写一套自己的 UI 组件库要走多少弯路?

写一套自己的 UI 组件库要走多少弯路?

似曾相识?一套叫 Deja-vu 的基于 Vue.js 的轻量级 UI 组件库(开发中)

deja vu.png

一直以来我都想自己写一套组件库,不管是基于 React.js 或者 Vue.js 都可以
其实倒也不是我不想写,主要是因为没有一个大块的时间来做这件事
另外,这件事也不是一个开发就能做到的事情,涉及到的事情有很多,最关键的就是,得有一个设计师直接参与样式和体验

Deja vu

我为什么要取这个名字呢?
正如之前说的,其实一直以来我都想写一套 UI 库,这个想法总是因为没有人帮忙设计,以及自己很懒(这个是主要原因)。所以这个想法就被搁置了
最近入职了一家新公司,在他们的需求中是有这么一套轻量化的 UI 库的,而且建立这个 UI 库的任务就交给了我...

我猜可能是因为我比较老

于是这个“似曾相识”的想法就又重新冒出来了。于是,我就重新开启这个项目,至少先起个头,然后逐步的推进他

一个人?

一个人做这么一个项目显然是不行的。因为我对设计真的就只有小半瓶水,再加上还有那么多组件需要开发,所以不管怎么样都不应该是一个人来参与开发

这个项目我最后还是选择了开源并且未来会发布到 npmjs.com 上,所以还是希望能有热爱开源的小伙伴加入到这个项目当中来

目标

我相信以我的个人能力是没办法把一个大型的项目维护的多么完整,但是至少要给自己定一个目标,去完成一个至少大多常用组件都可用的一个组件库,本着开源精神,再次造一个适合某些业务场景的轮子

  • 2021.02.28 预计上线 1.0 版 目标
    • 基础
      • Layout 布局
      • Container 容器
      • Color 色彩
      • Icon 图标
      • Button 按钮
      • Link 链接
    • 表单
      • Radio 单选按钮
      • Checkbox 多选按钮
      • Input 输入框
      • Select 选择器
      • Switch 开关
      • Form 表单
    • 数据
      • Table 表格
      • Tag 标签
      • Progress 进度条
      • Pagination 分页
      • Badge 标记
      • Avatar 头像
    • 提示
      • Alert 警告
      • Loading 加载
      • Message 消息提示
      • Notification 通知
    • 导航
      • BreadCrumb 面包屑
      • Steps 步骤
    • 展示
      • VideoJumbo 视频背景屏
      • Carousel 走马灯
      • Card 卡片
      • Paper 纸张
      • Image 图片
      • Backtop 回到顶部
      • Drawer 抽屉

立个 flag

虽然立 flag 也有打脸的可能,但是还是要试试,至少给自己一个督促
希望到时候能有人来催我更新

website

https://deja-vu.illiaccess.com/

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×