
写一套自己的 UI 组件库要走多少弯路?
似曾相识?一套叫 Deja-vu 的基于 Vue.js 的轻量级 UI 组件库(开发中)
一直以来我都想自己写一套组件库,不管是基于 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
本文是原创文章,采用 CC BY-NC-ND 4.0 协议,完整转载请注明来自 黑米说
评论
匿名评论
隐私政策
你无需删除空行,直接评论以获取最佳展示效果