【无标题】

vue转umi之路（真实经历）

*原因（可看可不看，自己的经历） *

1. …
2. 上家公司使用vue2，因为…原因离职,然后去南方找工作，经过不懈努力在杭州拿到了现在公司的offer（不是外包）
3. 面试的时候问的全是vue（有一个fetch问题，当时一脸懵B），我以为这个公司就是以vue为前端框架，也没有仔细问公司情况（都是自己心大惹的不知是福还是祸，感觉是fu）
4. 过了1,2天才知道umi是.里在react，react-dom,eslint…的基础上封装为一体的产物,但是.里为什么不出一个从vue->umi的学习路线（直接上手搞项目真的很难受，我对react真是零基础）
5. 主要还是杭州这边被.里影响的太大，现在我所知道的就是 在公司只叫员工的花名（俗称外号）,我感觉到退休都不知道做你旁边的人真名叫什么。
6. 我之所以写这个稿子，是因为我尝试过这种从零基础直接上手复杂框架的过程。框架封装东西太多，每个封装的插件，都是一个大体系，根本不知道从哪学习。（很迷茫）
7. 来公司一个月，老板请吃饭4次，真的晕。。。

学习路线

1. 先学习react基础语法，简单的学习一下组件传值（跟vue组件传值差不多），react的黑科技先不用学（redux…）。
2. 学习基础的ts语法（能看懂意思就行），之前了解过的，能看懂ts的，请绕过这一步骤。
3. react有两种写组件的方式， 函数组件和Class组件。
4. 学习的时候直接上手函数组件，Class组件不提倡（想要了解的可以百度一下react class组件 function组件优缺点），了解一下也行。
5. 前3个学完之后，用pro create 项目名创建umi项目，然后耐下心，了解项目的结构，每个文件夹的意义所在。
6. 打开刚刚创建的umi项目，查看他们组件编写的方式 参考这个组件文档
7. 你既然已经了解了每个文件的意思，那就新建一个组件，并在路由文件挂载，使用ant design的组件或者ant design pro的组件尝试一下组件传值加深一下印象。
8. 然后查看这个文档 dva 学习一下类似vuex的状态管理库
9. 暂时能想到的就这样多，一起加油！