阅读官方文档
- 贡献指南:ant.design/docs/react/…
- wiki说明,如何参与贡献
具体做什么
-
官网优化,文案调整,demo更新
- 举例: demo修改,多个br改成for循环
关注Issues
- 看标签help wanted,解决问题
补充组件测试用例
- 补充组件的测试用例边界情况
讨论区discussion里面的RFC
- 领取,认领任务
具体如何认领issue并修复
-
准备工作
- 如何提issue,讨论问题, 如何使用antd可以去讨论区。或者去思否网站的问答,以及stackoverflow中的question进行讨论
- 领了问题可以在issue区域里面回复:"我来看一下这个问题",避免重复
- 尽量用codesandbox做最小复现进行交流
-
正式开始
- 先fork一份ant-design,克隆之后我们的个人仓库下就会有一个ant-design
- 克隆到本地,打开代码
- pull最新代码,创建分支,分支名可以叫codingories/fix-12345,123456是bugId名
- 看一下目录结构,找到修复组件的源码地址
- 先写用例,把issues链接贴进来,拷贝codesandbox事例,可以增加it.only只运行当前用例
- 使用toMatchInlineSnapshot, 运行测试 加参数-u更新快照
- 用yarnt test watch去开始修改Bug,修复bug之后先把单个的用例过了
- 之后yarn start整个看一下,把demo中的md改一下看下效果对不对
- 之后再用skip跳过这个case,看一下是否影响其他之前的case
- 然后再把skip删掉,看一下是否全部通过
- 提交修复的代码,带上ID具体可以参考下图
-
yarn test -u 更新一下快照,toMatchInlineSnapshot,改成toMatchSnapShot,把快照更新到目录
- 然后也把测试提交一下,更新快照
设置源
- push到自己的仓库
- 可以创建草稿信息先占一个位置
- 把文档也更新一下
- 所有组件的用例看下能不能跑,更新组件所有用例的快照
- 最后再pull request往对应4.x或者5.x做pull request,pull request之前填写一些信息,勾选bugfix,demo , test case,中英文的change log等等。