阿八博客
  • 100000+

    文章

  • 23

    评论

  • 20

    友链

  • 最近新加了很多技术文章,大家多来逛逛吧~~~~
  • 喜欢这个网站的朋友可以加一下QQ群,我们一起交流技术。

Redux Model Ts 4.2.0 发布,Redux 的面向对象封装

欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/ws/102272.html
ad-wrap">

本次更新内容

1、增加mvvm特性,修改reducer代码不再需要使用扩展符,直接改变数据即可

language-javascript">
interface Data {
  info: {
    name: string;
    age: number;
  };
}

class Test extends Model<Data> {
  runAction = this.actionNormal({
    action: () => {
      return this.emit();
    },
    onSuccess: (state, action) => {
      // 只需要这一行就可以轻松改变reducer,不需要return
      state.info.age = 30;
    },
  });
}

 

--------------------------------------------

Redux模型是对原生redux的一次面向对象封装,OOP方案可以实现隐藏重复代码、提高工作效率以及减少开发时间的效果。你只需要花半个小时,就能完全了解模型的用法,并从中受益。

对比

  原生redux redux-model-ts
写法 函数式 面向对象
action与reducer文件分离 不要
对ts的支持 一般 完美
定义types 内置
异步请求 thunk 或 saga 内置
异步loading状态 写reducer处理 内置
代码量 少一半

相关文章