虽然前端开发的很多工作就是在写组件,但是要写一个通用的React组件库是一件不太容易的事情,这不仅仅关乎你的编程功底,还关乎设计系统。每个大公司都有自己的设计系统,Google有大名鼎鼎的Material Design,阿里系有中国第一的Ant Design,Apple有Apple Design。我们的任务当然不是去开发一个设计系统,这是设计师的活儿,不过我们可以将设计师的设计系统落地,为此我们需要掌握开发React组件库的技术。

设计资源

这里提供一些免费的UI Kit设计资源,最好是能自行设计

要求

  • 必备组件

    • Icon(图标)
    • Button(按钮)
    • Tag(标签)
    • Grid(栅栏格)
    • Dropdown(下拉框)
    • CheckBox
    • Radio
    • Form
    • Input
    • Select
    • Carousel(走马灯)
    • Collapse(折叠面板)
    • Dialog(对话框)
  • 工程方面

    • TypeScript开发
    • 详尽的文档,推荐Storybook
    • 单元测试,代码风格,Lint不多赘述
  • 请开源在Github上