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
(完)


作者: Kavience 本文链接: http://www.kavience.com/frontend/reengineering-the-frontend-component-library-wheel-project.html 转载请注明:《再造前端组件库轮子项目》转自 http://www.kavience.com/frontend/reengineering-the-frontend-component-library-wheel-project.html,原作者:Kavience 版权声明: 自由转载-非商用-非衍生-保持署名(创意共享3.0许可证)