# 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