开始学习

本套教程是 羽旋杯水 和志同道合的小伙伴们针对日常开发中遇到的问题,以及开发技巧整理而成的。


通过学习这门课程,我们希望帮助读者达到下面几个目标。



前置知识

学习本教程之前,应该具备简单的前端开发知识,了解简单的SPA开发机制,会使用HTML+CSS+JavaScript编写简单的页面。


在阅读该文档之前,简单了解下国内优秀组件库 Ant Design,学会使用它,会让你感觉编写复杂页面如此简单。


由于Ant Design Pro 大量使用 JavaScript 最新语法标准 ES6,适当了解下它也是必不可少的。


Ant Design Pro 介绍

Ant Design Pro 是一个企业级中后台前端/设计解决方案,我们秉承 Ant Design 的设计价值观,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。简单的说,它是一个已经实现大部分开发需要的后台脚手架,以帮助开发者快速开发项目。


官网:Ant Design Pro


image.png



Ant Design Pro涉及的相关技术



React

如果你对它还不了解,请查看:React文档,它是学习该教程的前提。学过Vue的小伙伴,有的反馈说,它比较难上手,不如Vue简单高效。其实这点我个人观点是不同意的,Vue适合小型项目,代码复用低的情况。React难归难,但是一旦上手,便爱不释手。



Dva

dva 首先是一个基于 redux 和 redux-saga 的数据流方案,然后为了简化开发体验,dva 还额外内置了 react-router 和 fetch,所以也可以理解为一个轻量级的应用框架。简单的说,Dva是在Mobx和Redux基础上的高度封装,使用更简单高效。请查看:Dva文档



Umi

umi 是蚂蚁金服的底层前端框架,已直接或间接地服务了 600+ 应用,是一个可插拔的企业级 react 应用框架。umi 以路由为基础的,支持类 next.js 的约定式路由,以及各种进阶的路由功能,并以此进行功能扩展,比如支持路由级的按需加载。简单的说,有了Umi,从此操作路由变得如此高效简单。请查看:Umi文档


推荐优秀技术文档:Ant Design 实战教程(beta 版)



贡献者

本教程的编写离不开志同道合的小伙伴的帮助,再此表示感谢。也希望更多的小伙伴加入我们的队伍,共同学习进步。以下排名不分先后:



学习交流群

为了方便小伙伴的学习交流,解决在使用Ant Design Pro 过程中遇到的问题,可以加QQ群:Ant Design Pro