Source code reading activities introduced

Source code read introduction

Recommend learning order from easy to difficult

Activity introduction and sequence see here specifically from easy to difficult recommended learning order

Submit notes

Note Submission Mode

Task Release Time

One week from March 21st to March 27th. Generally a weekly issue of source code. Study at your own pace and submit notes (it doesn’t have to be strictly on my schedule). Previous reading can also be reviewed in time, notes can continue to complete.

Learning goals

  1. Learn the message component of the component library by imitating it
  2. You can focus on test cases

Learning task

  • vue2
    • Vue2 Element Message Component documentation 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 component documentation vuant-contrib.gize. IO/vuant-retry P /…
    • Github.com/youzan/vant…
    • Github1s github1s.com/youzan/vant…
  • react
    • Ant.design/Components /…
    • Github.com/ant-design/…
    • Github1s github1s.com/ant-design/…
  • Choose one according to your own technology stack, look at the source code and take notes
  • Although you can see online, but recommended to clone down the installation dependency run up to look better.
  • Read the source code online
    • Github1s.com I often use, faster, online vscode
    • To open the github. Dev repository, press
    • Online vscode vscode. Dev