自述
如果你只是用了 Redux,然后想过度到 redux-mutation,你完全可以使用 redux-mutation 替换 redux。迁移特别简单,请看迁移到 redux-mutation文章。
redux-mutaion
是变异版的redux
,基于 redux,保留 redux
所有原用法的基础上,定义了新用法(dva model 用方法)。redux-mutation
同时支持 async
和 generator
用法,这个得益于 redux-center
。
redux-mutation
是基于redux-center,有一个center
概念,这个可以移步 redux-center
。(如果你用过 dva ,你可以理解 centers 为 effects)。
redux-mutation
umd 包 gip 后只有 4.5KB(包括 redux-center 和 redux),所以不用担心会太大。
由来
目前redux-mutation
默认用法跟 dva
的 model 是很像的,因为公司前端项目用了阿里 dva 的 model 形式,本人也觉得这种用法挺不错。所以 redux-mutation
对外的用法目前是 dva
的 model 用法。
redux-mutation
默认用法相当于 dva
model 的抽离,本人也会向 dva
的 model 的用法进行兼容(当然 redux-saga 用法兼容不了)。
浏览器兼容性
兼容 IE11、edge、谷歌、火狐、safar 等浏览器,其中 IE 需要而外支持promise
。
Npm Promise
首先安装 promise
然后添加下面代码
Umd Promise
入门使用
安装
需要而外安装redux >= 3.1.0
,测试是基于 redux@4.0.1
,最低兼容到 redux@3.1.0
版本,这个跟 applyMiddleware
有关。
使用例子
文档
在浏览器中使用 umd 方式
cdn 方式
const { createStore } = window.ReduxMutation
相当于 es6 import:
构建方式
然后在根目录下的 ./dist
文件夹获取相关的 js 文件。
基于源文件运行例子
请看这里。
Last updated