react 脚手架之ant-tool系列。antd全家桶。

项目开发须知,而我们常说的antd其实指的是官方出的Ant Design of

ant谱系简介

  • dva
    dva是一个机遇react和redux的轻量级框架,其令工具也dva-cli,官网/Github,概念来自elm,支持side
    effects、热替换、动态加载、react-native、SSR等。目前已在阿里其中广泛应用于蚂蚁金服业务。
  • ant-init
    根据dva的一个升迁版本,目前单纯还未平静,主要用以demo项目,教程,Github;
  • atool-build
    因webpack1的一个react脚手架工具,教程,Github
  • dva-cli +droa
    droa 一个实用web开发插件

  • roadhog
    roadhog
    一个冲create-react-app唯独配的命令行工具,是约束型配置,基于 JSON
    格式,给起点儿的部署方式;atool-build + dora
    是扩展型,表现吧插件与编程 webpack.config.js 的点子。
    roadhog VS droa

PS:
种开须知:

  • droa
    开发服务器,一个中等的插件话调试服务,插件有webpack、proxy、simulator等;
  • atool-build 打包工具
  • droa-plugin-webpack droa的插件,用于和atool-build整合
    补充:
  • antd-tools ,基于atool-build封装的开发ant-design用的工具
  • ant-tool,一个group的讳,内部含有了根基构建atool-build,测试atool-test、文档atool-doc等服务;

antd是蚂蚁金服团队出底一个中台设计语言,官方是这般说之:

Ant Design
是一个从为提升『用户』和『设计者』使用体验的中台设计语言。它模糊了出品经营、交互设计师、视觉设计师、前端工程师、开发工程师等角色边界,将进行
UE 设计和 UI
设计人员统称为『设计者』,利用联合的标准进行规划赋能,全面提高中台产品体验以及研发效率。

倘我辈经常说的antd其实指的凡官发底Ant Design of
React这个UI框架(当然现在吗发生了Angular的版本NG-ZORRO),具体的零件地址可以瞻仰:
Ant Design of
React

正文所说的全家桶,具体产生脚几乎只有:

  1. UI组件库:antd
  2. 使框架:dva
  3. 开发工具:dva-cli、roadhog
  4. 视图框架:React.js,和它的各种配套组件库。。。

dva

dva是因react周边组件库底一个用到框架,集成了包括redux,redux-saga,react-router当,并且自己提供了同样模拟语法规范及目录结构;
各种急需看的文档:

  • 理解 dva 的 8
    个概念
    ,以及她们是什么拧起来的
  • 掌握 dva 的所有
    API
  • 查看 dva
    知识地图
    ,包含 ES6, React, dva 等具有基础知识

dva-cli

dva-cli可以很快大成一效仿前端项目模板,里面早已定义好了全家桶内之各种npm包;

roadhog

roadhog是一个冲webpack的家伙,它可以提供开发服务器,并且封装了webpack的一部分效,也提供包装和测试相当;

react

一个视图框架,基本见解是v=f(s),一个页面视图就是一个状态机,根据状态的异来显示起不同的金科玉律而现已;
注重组件化和纯函数。

其他

除却上面写的几乎单一直关联的,还时有发生来外层的知识要看之,例如但非压制:

  • es5,es6,es7,es8(一年一个本子,厉害了)
  • Node.js
  • npm
  • webpack
  • 纯函数编程

再外层的学问我就非列举了。上面的链接的情,很关键,需要点开给个链接去看;下面其他中间的能看明白基本就基本上了咔嚓。。。