再造前端组件库轮子项目

what

再造一遍像 ant-design 那样的轮子库，知其然，也要知其所以然。

why

经过昨天的打击，今天重振旗鼓，我要重新振作起来，不就是组件库吗？既然我思路不够，那我就依照现有项目，重新造一个呗！说干就干。

how

先制定一下项目计划，整体年底左右完成即可，3 个月一个周期，预计 3 个周期。项目历程分为：

• 底层组件（2021.4.26 ~ 2021.7.26）
  • 底层组件库脚手架
  • 底层组件库
• 上层组件（2021.7.27 ~ 2021.10.27）
  • 上层脚手架
  • 上层组件库
• 上层官方文档（2021.10.28 ~ 2021.12.31）
  • 组件页面官网
  • 组件文档
  • 组件开发历程

项目计划制定并不是一成不变，是灵活调度（偷懒用的）的，具体的 TODO 更新到我的 iPad 上吧。

计划代号为426计划，我发现很多项目都以动物命名，动物名字都快被榨干了，我就将项目名称暂定为： willow-design (柳树)。

总结

如果按照这个项目制定计划走一遍并认真完成，是可以学习到很多东西的，希望自己能坚持下去。

更新

写了一个脚手架：https://github.com/kavience/willow-component-tool，快速搭建 react 组件的，基于 https://github.com/kavience/willow-component-template 搭建模板，然后几个月前写了几个小组件

• wc-input-number
• wc-checkbox
  …

还是没有坚持下去，有点复杂，尤其是写文档是件很费时间的事情，终于明白为什么别人说写书是件很痛苦的事了。

更新于 2021.12.17
（完）

---

---

• ← 上一篇
• 下一篇 →