基于 Redux 的面向对象封装 Redux Model TS

MIT
跨平台
2019-07-07
挪鸡鸭

基于Redux的面向对象封装,可减少一半的redux代码,让你专心写业务,同时在typescript中拥有100%的代码提示。写代码就是要快人一步。

该项目同时支持 javascript 和 typescript,但我推荐你使用typescript以得到更好的体验。

本模型库在使用ts的情况下,你将得到100%无死角的静态类型提示。

对比

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

本模型库在使用ts的情况下,你将得到100%无死角的静态类型提示。

安装

# 使用npm
npm install redux-model-ts
npm install redux react-redux redux-thunk

# 使用yarn
yarn add redux-model-ts
yarn add redux react-redux redux-thunk

redux-thunk并不是必须的,除非你想使用thunk的特性

如果你想使用react的hooks特性,请保持react的版本在16.8.3+以及react-redux的版本在7.1.0+

的码云指数为
超过 的项目
加载中

评论(1)

挪鸡鸭
挪鸡鸭 软件作者
正在使用。redux的代码大幅度减少,ts支持太舒服了,和dva有的一拼。

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

本次更新内容 1、完善使用文档 2、增强了meta的类型检查,现在meta必须是布尔值或者来自payload的key -------------------------------------------- Redux模型是对原生redux的一次面向对象封...

07/12 11:13

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

本次更新内容 meta的存储现在开始默认开启。从实际项目看,大部分的请求api操作都需要用到loading状态,少部分不需要的设置为false即可 class Test extends Model { myAction = this.ac...

07/09 13:34

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

本次更新内容 增强模型的订阅模块,写法更简洁,同时拥有typescript自动类型推导 class Test extends Model<Data> { protected subscribers(): RM.Subscriber<Data> { return [ ...

07/07 11:07

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

同样做前端,为何差距越来越大?

阿里妹导读:前端应用越来越复杂,技术框架不断变化,如何成为一位优秀的前端工程师,应对更大的挑战?今天,阿里前端技术专家会影结合实际工作经验,沉淀了五项重要方法,希望能对你的职业发...

03/07 12:17
3
0
袋鼠云研发手记 | 袋鼠云EasyManager的TypeScript重构纪要

作为一家创新驱动的科技公司,袋鼠云每年研发投入达数千万,公司80%员工都是技术人员,袋鼠云产品家族包括企业级一站式数据中台PaaS数栈、交互式数据可视化大屏开发平台Easy[V]等产品也在迅速...

04/08 14:18
2
0
[react] Component && ComponentClass

背景: 在tarojs 中使用 tsx, 如果需要使用redux, 在@connect 中有需要绑定的变量,那么需要用 ComponentClass 去定义这个组件 参考链接 issues4ComponentClass&Component in react ts相关 re...

03/01 19:16
131
0
使用Typescript编写Redux+Reactjs应用程序

注:本文的原始资料和示例来自[ServiceStackApps/typescript-redux][1] ,根据我的实际情况,做了一些调整,详见文内说明,感谢原作者的无私分享。 本文通过设置,运行和探索Javascript一些高...

2016/03/28 14:05
5.8K
12
React干货:SPA单页如何规划路由、设计Store、划分模块、按需加载

本项目地址:react-coat-helloworld react-coat 同时支持浏览器渲染(SPA)和服务器渲染(SSR),本 Demo 仅演示浏览器渲染,请先了解一下:react-coat v4.0 react-coat使用Typescript开发,集成...

01/23 13:27
37
0
TypeScript,初次见面,请多指教 ?

摘要: TS入门手册。 原文:TypeScript,初次见面,请多指教 作者:徐祁 Fundebug经授权转载,版权归原作者所有。 为什么用 TS ? 说实话,最开始并没有想把 TS 用到实际项目中来,一来是感觉...

03/13 09:45
4
0
关于 @ngrx/Store 下 obj 的扩展问题

昨天做 task 的时候,遇到了一个问题。 TypeError: can't define property "x": "obj" is not extensible 而我的代码是 public txTiles: Array<TransactionFilterTile>; constructor(privat...

2018/09/20 10:26
13
0
React+Redux微框架react-coat,支持typescript,支持SPA单页和SSR服务器渲染

本项目地址:https://github.com/wooline/react-coat react 生态圈的开放、自由、繁荣,也导致开发配置繁琐、选择迷茫。react-coat 放弃某些灵活性、以约定替代某些配置,固化某些最佳实践方...

01/23 13:51
6
0
打造前端大秘宝系列之REDUX状态处理框架ZORO-基本简介

本人是一个dva框架的长期使用者,个人非常喜欢dva对于redux的封装,但是在使用dva的过程中遇到了许多不是很顺手的问题,也因此产生了自己动手编写一套类dva库,并致力于解决dva使用过程中的所...

2018/10/22 09:45
10
0
指数预测模型

指数模型的介绍 短期预测能力较好 a、单指数模型(simple/single exponential model) 拟合的是只有常数水平项和时间点 i 处随即项 的时间序列,认为时序不存在趋势项和季节效应 b、双指模型...

2017/11/07 08:58
14
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部