React组件库实战训练营

训练营说明

本次训练营每2天交一次作业，这样让时间大家可以更好的分配时间。可选作业可以选做或者不做。最后一天的Bonus不需要做，没做完的同学可以在最后一天补交前面作业。

样式、暴露接口、配置工具可以不抄我的，自由发挥，有好的想法建议工具都可以分享分享。

本次训练营文档+组件花了近一个月时间，回看后发现还是有很多设计不足的问题，styledcomponents提供了一个很好的原子化分子化平台，但本次训练营的分子化没有设计好，后期也是图速度，所以跳过了很多基础组件封装，如果各位同学有什么好的方法也可以分享分享，共同进步。

课程安排

DAY1&DAY2

• 作业：搭建环境，制作颜色与排版
• 可选：配置prettier等工具

DAY3&DAY4

• 作业：完成button组件
• 可选：无

DAY5&DAY6

• 作业：完成发包流程
• 可选：使用githubAction等工具集成，完成highlight组件

DAY7&DAY8

• 作业：完成Icon与Avatar组件
• 可选：使用plop等工具

DAY9&DAY10

• 作业：完成Badge与radio组件
• 可选：使用microbundler等工具

DAY11&DAY12

• 作业：完成轮播图组件
• 可选：无

DAY13&DAY14

• 作业：完成进度条组件和modal组件
• 可选：完成message组件

DAY15&DAY16

• 作业：完成upload组件
• 可选：无

DAY17&DAY18

• 作业：完成拖拽树组件
• 可选：无

DAY19&DAY20

• 作业：完成DatePicker组件
• 可选：无

DAY21&DAY22

• 作业：完成分页组件与表格组件
• 可选：无

DAY23

• 参考答案与Bonus

入营要求

• 掌握react+ts组件库的知识
• 保证入营期间和老师保持通信联系，不许无故缺席失联
• 每天有至少2个小时的独立学习时间
• 保证入营期间积极参与讨论和整理学习成果或是想法

入营须知

• 需要参加的小伙伴必须把学号和姓名添加到表格中：https://shimo.im/sheets/R9vtXdTTtQ8XTRHh/MODOC/
• 本训练营共计23天，每两天交一份作业为一个阶段任务，从08月14日晚8点开始到09月05日晚8点结束
• 参加本训练营需要支付30学分
• 每天晚8点布置实践任务，截止第2天晚8点完成，完成一个阶段任务可依次获得 1、2、3、4、5、6、7、8、9、10、11、12个学分
• 如果当天任务无法完成，则中止训练营资格，请自动离群，无法参与后续的学习，已经扣除的学分不退机会只有一次，希望把握住
• 全部学员按学号尾号分为10个组,尾号相同的为一组,当天小组成员全部完成的每个人的学分翻倍
• 在其期间因为某些原因不能参加训练营的小伙伴们要私聊助教

训练流程

• 1. 先将训练营的仓库代码仓库 Fork 到自己的码云账号下 https://gitee.com/zhufengpeixun/zhufeng-react-assembly
• 2. 将 Fork 后的仓库 Clone 到本地
• 3. 在项目根目录下创建自己的项目并完成查看README.md文档
• 4. 把实践总结(学到了什么？收获了什么?遇到了什么问题?如何解决的?)写在当天目录的学习日记.md文件里
• 4. 在本地仓库完成作业后，push 到自己的码云远程仓库中
• 5. 最后将自己最后的commit链接地址添加到训练营仓库的当天issue中
• 6. 完成后在微信群中打卡，并@助教表示完成，在自己小组里可以@组长表示完成，组长可以在表格里添加学分，全员晚八点之前完成就可以进行翻倍，前提是组长需要向助教截图
• 7. 大家如果遇到问题可以在群里讨论的

如果不会操作的可以看操作视频 http://img.zhufengpeixun.cn/submitwork.mp4