dva umi roadhog区别和个人理解

dva umi roadhog区别和作用的个人理解

因为最近再写react的项目 ，所以这三个都有学习，因为都属于阿里系的技术栈而且都是用于react项目搭建的，通常是组合在一起的。

roadhog

关于roadhog的介绍好像唯一的介绍文章的就是github上作者写的一篇介绍

文章链接

因为roadhog本来就很简单，只有三个命令server（启动服务），build（构建项目），test（测试）。roadhog是针对created-react-app官方脚手架的优化，created-react-app封装的很好减去了很多配置的程序，但是可扩展性很弱，roadhog可以进行json格式的配置 ，而且默认开启了css -modules的功能。相当于官方脚手架的扩展。他只是一个单纯的webpack的封装工具

---

umi

文档

umi集合了roadhog+路由+html生成 + 完善的插件机制，这句是文档上就有些的 ，首席按umi上自带了roadhog的配置和命令，而其主要功能就在于约定式的路由和html生成。通过命令可以直接生成模块文件，功能文件，然后直接通过文件的层级关系生成约定式的路由。umi主要就是解决了项目的路由问题，不需要手动来写完整的路由结构，且是文件结构与路由结构同步，且与mock.js结合起来可以方便的进行前端mock数据测试。还提供了动态加载等实现方法。

---

dva

文档

dva一般是与umi结合在一起用的 ，dva主要就是用来解决数据流的问题 ，umi针对于路由的控制，地dva主要的功能就是将redux和redux-saga两者相结合在一起，在原来的写法上，redux和redux-sagas是相对分离的并没有很清晰的模块概念，在dva中将redux的同步操作，和带有副作用的异步effect操作，写在一个model里，简化了写法让一个功能块的数据操作更加清晰明确。除了这个主要功能外，还添加了一些附加的插件功能。