使用React技术栈管理大型复杂的应用往往要使用Redux来管理应用的状态，然而随着深度使用，Redux也暴露出了一些问题。如编写页面配套（action、reducer）过于繁琐、复杂，组件之间耦合较深、不够扁平化、调用action creator发起动作破坏action纯洁性…

umi（中文名：五米）是我目前的工作重点，正在全力开发中，从写下第一行代码开始算起已有数月。但从闲聊和邮件中发现不少人还不能准备地理解 umi 是啥、能做啥，于是趁着代码写累了，聊聊 umi 的一些情况。 umi 是工具吗？是。但不仅仅是。我给 umi 的定位是开发框架，目前包…

dva 首先是一个基于 redux 和 redux-saga 的数据流方案，然后为了简化开发体验，dva 还额外内置了 react-router 和 fetch，所以也可以理解为一个轻量级的应用框架。 学过React的童鞋都知道它的技术栈真的很多，所以每当你使用React的时候…

请求库各式各样，没有统一。 每次新起应用都需要重复实现一套请求层逻辑，切换应用时需要重新学习请求库 API。 各应用接口设计不一致、混乱。 前后端同学每次需重新设计接口格式，前端同学在切换应用时需重新了解接口格式才能做业务开发。 接口文档维护各式各样。 有的在语雀（云端知识库）…

umi 中使用 dva 则可以直接下载插件进行配置即可。我等菜狗福音。 1. global dva 的 global 模型,包含 dispatch 触发函数,当前路由的一些属性等，我们把这个看作是一个全局对象(root)。 2. model dva 拆解的一个局部状态操作模型。…

中后台项目一般都有较强的页面结构或者逻辑一致性，页面比如像搜索、表格、导航菜单、布局，逻辑方面比如像数据流，权限。 如果基于Webpack封装这些功能就需要比较大的前期工作，Umi则以路由为基础，并以此进行功能扩展，包含微前端、组件打包、请求库、hooks 库、数据流等。基于此…

3. 依赖请求：ready 4. 手动暂停请求：cancel 5. 手动刷新：refresh 8. 请求过程中的loading 9. 当请求未返回时，默认的data数据 10. 请求参数变化触发接口请求：refreshDeps 11. 格式化返回的结果：formatResult…

不愿清醒，宁愿一直沉迷放纵。 不知归路，宁愿一世无悔追逐。 --- 王小波 redux是的诞生是为了给 React 应用提供「可预测化的状态管理」机制。 提供subscribe，dispatch，getState这些方法。 按步骤手把手实战。 不就ok了吗？这就是 react-…

最近将项目中redux的中间件，从redux-thunk替换成了redux-saga，做个笔记总结一下redux-saga的使用心得，阅读本文需要了解什么是redux，redux中间件的用处是什么？如果弄懂上述两个概念，就可以继续阅读本文。 redux是遵循函数式编程的规则，上…