百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
R

redux-optimist

> 编程语言
开源

积极地应用可随后提交或撤销的操作。

774 stars0 点赞1 次浏览
访问官网GitHub

工具介绍

积极地应用可随后提交或撤销的操作。

redux-optimist

积极地应用可随后提交或撤销的操作。

安装

npm install redux-optimist

使用方法

第 1 步: 将顶层 reducer 包装在 redux-optimist 中

reducers/todos.js

javascript
export default function todos(state = [], action) {
  switch (action.type) {
  case 'ADD_TODO':
    return state.concat([action.text]);
  default:
    return state;
  }
}

reducers/status.js

javascript
export default function status(state = {writing: false, error: null}, action) {
  switch (action.type) {
  case 'ADD_TODO':
    return {writing: true, error: null};
  case 'ADD_TODO_COMPLETE':
    return {writing: false, error: null};
  case 'ADD_TODO_FAILED':
    return {writing: false, error: action.error};
  default:
    return state;
  }
}

reducers/index.js

javascript
import optimist from 'redux-optimist';
import { combineReducers } from 'redux';
import todos from './todos';
import status from './status';

export default optimist(combineReducers({
  todos,
  status
}));

只要您的顶层 reducer 返回一个普通对象,就可以使用 optimist。您不需要 必须使用 Redux.combineReducers。

步骤 2: 使用 optimist 关键字标记你的乐观行为

middleware/api.js

…

请注意,我们总是通过提交事务或回滚事务来进行后续操作。如果不做这两项操作,就会出现内存泄漏。还请注意,我们使用一个可序列化的事务 ID,例如数字。这些 ID 在整个系统中必须是唯一的。

Issues· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

JavaScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言