ant-design-pro 学习路线

引子

安装NodeJs

ant-design-pro 前置任务

开箱即用的中台前端 & 设计解决方案

1. ant-design
2. yarn
3. ES2015+
4. React
5. UmiJS
6. dva
7. g2
8. antd
9. node

ant-design 前置

React 学习

前置

1. HTML5
2. CSS
3. JavaScript
4. TS 语法

React 教程
React官方
React 入门实例教程

IE 9 之前不支持

React 是用于构建用户界面的JS库

ES2015+ 学习

ECMAScript 6（以下简称ES6）是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。也就是说，ES6就是ES2015。

使用ES2015前：

el.on('click',function(evt) {
    var self = this;
    fetch('/api').then(function (res) {
        return res.json();
    }).then(function (result) {
        self.something(result);
        //...
    })
})

使用ES2015后：

el.on('click',evt=>{
    fetch('/api').then(res=>res.json()).then(result=>this.something(result))
})

ES2015简介和基本语法

dva 学习

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。

DvaJS
DvaJS
浅析dva (史上最全的dva用法及分析)

UmiJS 学习

介绍

UmiJS是一个可插拔的企业级React应用框架。

• 插件化
  umi的整个生命周期都是插件化的，甚至其内部实现就是由大量插件组成，比如:pwa、按需加载、一键切换 preact、一键兼容 ie9 等等，都是由插件实现。

• 开箱即用
  你只需一个umi依赖就可启动开发，无需安装react、preact、webpack、react-router、babel、jest等等。

• 约定式路由
  类似next.js的约定式路由，无需再维护一份冗余的路由配置，支持权限、动态路由、嵌套路由等等。

前置

• React
• CSS
• HTML5
• ES2015
• dva可以作为插件

初识Umi.JS
使用UmiJS框架开发React应用

g2 学习

antd 学习

node 学习