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

再也外层的知我就无列举了。上面的链接的情节,很重大,需要点开给个链接去看;下面其他中间的会看明白基本就是大多了吧。。。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

*
*
Website