虽然前端开发的很多工作就是在写组件,但是要写一个通用的React组件库是一件不太容易的事情,这不仅仅关乎你的编程功底,还关乎设计系统。每个大公司都有自己的设计系统,Google有大名鼎鼎的Material Design,阿里系有中国第一的Ant Design,Apple有Apple Design。我们的任务当然不是去开发一个设计系统,这是设计师的活儿,不过我们可以将设计师的设计系统落地,为此我们需要掌握开发React组件库的技术。
设计资源
这里提供一些免费的UI Kit设计资源,最好是能自行设计
- Flat UI 还尚未提供React组件库,可以尝试实现,先到先得哦
- spectre还尚未提供React组件库,可以尝试实现,先到先得哦
- milligram尚未有靠谱的React组件库,可以尝试实现
- NES.css尚未有靠谱的React组件库,可以尝试实现
- eye-candy-UI-kit-XL.zip
- Summer_UI_Kit.zip
要求
必备组件
- Icon(图标)
- Button(按钮)
- Tag(标签)
- Grid(栅栏格)
- Dropdown(下拉框)
- CheckBox
- Radio
- Form
- Input
- Select
- Carousel(走马灯)
- Collapse(折叠面板)
- Dialog(对话框)
工程方面
- TypeScript开发
- 详尽的文档,推荐Storybook
- 单元测试,代码风格,Lint不多赘述
请开源在Github上