# zhufeng-react-assembly **Repository Path**: huangqi_h/zhufeng-react-assembly ## Basic Information - **Project Name**: zhufeng-react-assembly - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 197 - **Created**: 2021-06-06 - **Last Updated**: 2022-05-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: React ## README # 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