从0开始学习ant design pro

最近开始从零学习ant design pro，在这里记录写我的学习路径吧！

先看看ant design pro官网的“前序准备”：

我们的技术栈基于 ES2015+、React、UmiJS、dva、g2 和 antd，提前了解和学习这些知识会非常有帮助。

又是一大堆新名词。

经过简单了解：

ES2015+：经常被称为ES6，其实就是Javascript的升级版；

React：是一个用于构建用户界面的 JavaScript 库；

antd：是蚂蚁金服开发的一个 React UI 组件库；

Umijs：是一个react应用框架；

dva：也是一个前端框架，我理解umi已经包含该框架；

G2：是一个阿里的图形JS库；

对上面提到关系技术栈关系也就清楚了：

ES6>>React>>antd>>Umijs>>Ant Design Pro

ant design pro 其实就是使用Umi这个框架生成的一个react应用，而Umi本身是很多插件组成如：preact、webpack、react-router、babel、jest 等同时又包括dva（dva也是基于 redux 和 redux-saga )，学到这里毅然觉得就是个套娃一个套一个，那这么多插架我要先看哪个呢？还是只用看哪个？不得知晓啊！还是先看ES6吧！

对👆提到东西了解后学习路线也就清楚了：

ES6->React->Umijs

ES6：与老版本JavaScript区别并不大，应该是多几种变量类型、箭头函数和类的概念。阮一峰 写的《ES6入门》应该够用了（https://es6.ruanyifeng.com/）。

React ：如果你有一定前端开发经验，个人觉得react官方文档写的也挺详细的。如果你缺乏前端经验可以先看看阿里云大学上关于react学习视频，还有一本国人写的《深入React技术栈》不过这本书写的相对较早了2016年写的,老外编写《learning  react》已经出第二版是2020年出版，技术书籍还是看最新比较好。我选择了先看《learning react 2》。

《learning react 2》读书笔记

 

后面待续。。。