【若川视野 x 源码共读】第28期 | vue react 小程序 message 组件

源码共读前言

为了能帮助到更多对源码感兴趣、想学会看源码、提升自己写作和前端技术能力的同学。 帮助读者夯实基础，查漏补缺，开阔眼界，拓宽视野，知其然知其所以然。

由写有《学习源码整体架构系列》20余篇的若川 倾力组织，召集了各大厂对于源码感兴趣的同学共同参与，每周一起学200行左右的源码。

从易到难推荐学习顺序

活动介绍和顺序具体看这里从易到难推荐学习顺序

提交笔记

提交笔记方式

任务发布时间

3月21日-3月27日，为期一周。一般一周发布一期源码。可以按照自己节奏学习，提交笔记即可（不一定要严格按照我规定的时间）。往期共读也可以及时复习，笔记未完成可以继续完成。

学习目标

1. 模仿学习组件库的message组件，知道组件原理
2. 可以关注测试用例

学习任务

• vue2

  • vue2 element message 组件文档 element.eleme.cn/#/zh-CN/com…
  • github.com/ElemeFE/ele…
  • github1s.com/ElemeFE/ele…

• vue3

• • vue3 element-plus github.com/element-plu…
  • github1s github1s.com/element-plu…

• vant-ui

• • notify 组件文档 vant-contrib.gitee.io/vant-weapp/…
  • github.com/youzan/vant…
  • github1s github1s.com/youzan/vant…

• react

• • antd message 组件文档 ant.design/components/…
  • github.com/ant-design/…
  • github1s github1s.com/ant-design/…

• 根据自己技术栈选一个看，看源码记笔记
• 虽然可以在线看，但推荐克隆下来安装依赖跑起来看比较好。
• 在线看源码的有

• • github1s.com 我常用，速度较快，在线vscode
  • github.dev 仓库中 按 . 即可打开
  • vscode.dev 在线vscode

---

最后可以持续关注我@若川。欢迎(jia)我微信 ruochuan12 交流，参与 源码共读 活动，每周大家一起学习200行左右的源码，共同进步。