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

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
  • 纯函数编程

复外层的文化我就是无列举了。上面的链接的始末,很要紧,需要点开给个链接去押;下面其他中间的能看明白基本就是基本上了咔嚓。。。

相关文章