redux 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
redux 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
redux 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」 !
redux 获得 2020 年度 OSC 中国开源项目评选「最佳人气项目」「最积极运营项目」 !
redux 获得 2020 年度 OSC 中国开源项目评选「最积极运营项目」 !

软件简介

Redux 是 JavaScript 应用程序的可预测状态容器。(不要与WordPress框架——Redux框架混淆。)

它可以帮助您编写行为一致、在不同环境(客户机、服务器和本机)中运行且易于测试的应用程序。除此之外,它还提供了很好的开发体验,例如实时代码编辑和时间旅行调试器的结合。

您可以将 Redux 与 React 一起使用,或与任何其他视图库一起使用。

Actions:

// Still using constants...
import { INCREMENT_COUNTER, DECREMENT_COUNTER } from '../constants/ActionTypes';
// But action creators are pure functions returning actions
export function increment() {
  return {
    type: INCREMENT_COUNTER
  };
}
export function decrement() {
  return {
    type: DECREMENT_COUNTER
  };
}
// Can also be async if you return a function
export function incrementAsync() {
  return dispatch => {
    setTimeout(() => {
      // Yay! Can invoke sync or async actions with `dispatch`
      dispatch(increment());
    }, 1000);
  };
}
// Could also read state of a store in the callback form
export function incrementIfOdd() {
  return (dispatch, getState) => {
    const { counter } = getState();
    if (counter % 2 === 0) {
      return;
    }
    dispatch(increment());
  };
}

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
发表于开发技能专区
2018/04/21 07:46

Redux 4.0.0 发布,可预测的 JavaScript 状态容器

Redux 4.0.0 已发布,Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 Redux 4 虽然没有大量面向用户的改动,但包含一些有趣的改进。部分亮点如下: 文档改进 重构 applyMiddleware 在中间件安装期间进行调度时发出警告 删除旧的 jsnext entry 改进 TypeScript typing 修正 TS 定义测试 修正警告信息中前后矛盾 完整更新内容和下载地址请查阅发行列表。...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
2018/08/20 15:44

Redux与它的中间件:redux-thunk,redux-actions,redux-promise,redux-saga

序言 这里要讲的就是一个Redux在React中的应用问题,讲一讲Redux,react-redux,redux-thunk,redux-actions,redux-promise,redux-saga这些包的作用和他们解决的问题。 因为不想把篇幅拉得太长,所以没有太多源码分析和语法讲解,能怎么简单就怎么简单。 Redux 先看看百度百科上面Redux的一张图: 这是Redux在Github上的介绍:Redux用于js程序,是一个可预测的状态容器。 在这里我们首先要明白的是什么叫可预测?什么叫状态容...

0
0
发表了博客
2019/01/16 14:35

[Redux] redux的概述

redux 的概述 随着 javascript 单页应用的不断发展,javascript 需要管理比以往都要多的状态,管理不断变化的 state 非常困难,数据流动不断变的模糊不可预测,代码的开发与维护成为了变得越来越困难.redux 这类状态管理框架变出现了,通过限制更新发生的时间和方式,来使 state 的变化变得可以预测. redux 是一个很有用的框架,但是并不是非用不可,而是当你自己觉得可能需要 redux 的时候,就会找到他,并且使用他(还有其他同类框架) 当...

0
0
发表了博客
2019/04/10 10:10

redux、react-redux、redux-thunk、redux-saga使用及dva对比

一、redux使用   Redux的核心概念其实很简单:将需要修改的state都存入到store里,发起一个action用来描述发生了什么,用reducers描述action如何改变state tree 。创建store的时候需要传入reducer,真正能改变store中数据的是store.dispatch API。 1、src下新建store文件夹,新建index.js作为store的输出文件 2、store文件夹下新建index.js文件 3、新建reducer.js ,actionTypes.js文件 4、组件引入store import React, { Compo...

0
0
发表了博客
2019/09/01 11:38

Redux 进阶之 react-redux 和 redux-thunk 的应用

1. react-redux React-Redux 是 Redux 的官方 React 绑定库。 React-Redux 能够使你的React组件从Redux store中读取数据,并且向 store 分发 actions 以更新数据。 React-Redux 并不是 Redux 内置,需要单独安装。 React-Redux 一般会和 Redux 结合一起使用。 react-redux 安装 $ npm install react-redux Provider 和 connect React-Redux 提供<Provider/>组件,能够使你的整个app访问到Redux store中的数据: App.js: import ...

0
0
发表于大前端专区
2020/01/04 15:51

redux-promise和redux-thunk结合体 redux-promise-thunk (适用于redux-action)

github地址:[redux-promise-thunk](https://github.com/zlei123456/redux-promise "redux-promise-thunk") 之前redux开发中用的redux-thunk第三方中间件,既能解决redux的异步问题,又能在action执行中获得dispatch和getState(),给开发带来很多方便。 后来进入别的项目,那个项目异步用的是redux-promise和redux-action结合。由于某些业务需要在一个action中调用dipatch,就想着redux-promise和redux-thunk结合下,就自己做了...

0
0
发表了博客
2020/12/13 10:22

redux react-redux简介

相对于vue的vuex而言 react的redux确实要复杂许多,并且没有相对完善适合初学者的文档,所以学习起来特别困难,这里用一个小例子来写一下 redux react-redux的简单用法,事先声明所有的文件地址请读者根据自己的文件地址写连接 首先是安装 // 个人比较喜欢用yarn 不喜欢的可以自行换成npm 或者 cnpm   yarn add redux --save   yarn add react-redux --save 在项目中创建store文件夹 并在其中创建actions.js 和 reducer.js   //re...

0
0
发表了博客
2018/06/17 22:30

手写 redux 和 react-redux

1.手写 redux redux.js /** * 手写 redux */ export function createStore(reducer) { // 当前状态 let currentState; // 监听队列 let currentListeners = []; // 订阅(观察) function subscribe(listener) { // 将listener放入数组 currentListeners.push(listener); // return 一个方法 取消注册 return function() { currentListeners = currentListeners.filter(funct...

0
0
发表于大前端专区
2018/07/20 13:48

什么是Redux,为什么使用Redux,怎么使用Redux

1、什么是Redux 官方解释:Redux is a predictable state container for JavaScript apps. 意思就是Redux是js应用的 一种可预测的状态容器 2、为什么使用Redux 下面的图是不使用Redux和使用Redux时 父子组件之间的通信方式 没有使用Redux的情况,如果两个组件(非父子关系)之间需要通信的话,可能需要多个中间组件为他们进行消息传递,这样既浪费了资源,代码也会比较复杂。 Redux中提出了单一数据源Store 用来存储状态数据,所有...

0
4
2018/11/28 18:24

Flux、Redux到react-redux衍变发展之Redux解读

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zeping891103/article/details/84569175 续上篇,在Flux后,为了更好的实现MVC,Redux模式出现。 不同于 Flux ,Redux 不再有 dispatcher 的概念(Store已经集成了dispatch方法)。其次它依赖纯函数来替代事件处理器(即原来Flux中Dispatcher.register((action) 注册逻辑处理这块),这个纯函数叫做Reducer。另外使用到了一个新概念 context ,在R...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了问答
2017/03/21 17:52

redux的best practice,增加一个功能要改7个文件?有没有更好的做法?

目录结构: 根据国外的redux的best practice相关文章,重构部分代码。重构后,一个组件要添加一个新的查询功能(涉及异步请求),需要改动7个文件, 分别是:actionTypes(action type的常量文件)、actions(存放action creators)、reducers(这里用于缓存查询结果)、sagas(专门存放异步调用)、routes(该异步请求在路由跳转时调用)、component、container 这样重构完以后,代码确实清晰了很多,相信调试也会比较容易。 ...

1
0
发表了问答
2017/06/03 15:23

Redux 和 MobX 哪一个更适合你的项目?

对于很多 JavaScript 开发人员来说,对 Redux 最大的抱怨无非就是需要大量实现功能的样板代码。另外一个更好的替代品 MobX 提供了类似的功能,但是代码量要更少一些。 对 MobX 新手来说,可以先快速看看 MobX 创始人的 介绍文档。你也可以通过这个 教程 来获取一些实践经验。 本文的目的是帮助 JavaScript 开发者决定这两个状态管理解决方案,到底哪个更适合自己的项目。我已经移植了这个 CRUD Redux project 到 MobX 之上来作为...

1
0
发表了问答
2017/02/23 21:57

求推荐后台CMS技术解决方案

各位大牛你们好,我是一名JavaScript全栈开发人员。正在开发一个网站项目,前端网页部分已经基本完成。由于我们在完成前端开发后决定加入后端内容管理(CMS)部分,目前尝试几种CMS框架后均效果不太理想。各个CMS框架都有不同的对页面模板,路由等的偏好,尝试过一些后(如:keystone),均遇到一些问题,不能很好结合现有架构。 现正在努力寻求贴合的后端内容管理解决方案。在不大改现有代码和架构的基础上,加入后台管理系统。...

4
1
发表了问答
2017/01/07 13:16

关于redux的日志问题

如图 redux-logger怎么打印出来 ‘diff' 这个日志

1
0
发表了问答
2016/03/24 11:48

2016年度——React.js 最佳实践

最近React(web/native)依旧如火如荼,相信大家都跃跃欲shi,我们团队也开始在React领域有所尝shi. 2016年应该是 React 逐渐走向成熟的一年,让我们一起来看看国外的开发者们都总结了哪些"最佳实践". =============以下为译文============== 2015年 React 在全世界都有很多关于新的更新和开发者大会的讨论.关于去年的重要事件,请参kao React in 2015. 那么,2016年最有趣的问题来了:我们应该如何开发一个 App, 有什么推荐的库? 作为一...

3
14
发表了问答
2016/06/21 15:29

Redux 最佳实践

摘要 Redux 是 其他 flux 框架 推荐使用的 React 框架。当我开始写这篇文章时,它还是 1.0.0 版本,当这篇文章发布时,它已经是 3.0.0 了。 它的作者,Dan Abramov 已经发布一些很棒的 文档,但是他依然没有完全指明如何在大规模项目中使用 Redux,所以人们开始问了 “有哪些大型项目使用了 Redux”. 好吧,希望这篇文章可以解决这些疑惑。 我们将会讨论: Redux 的所有技术栈 Redux 的各个模块都做了什么 如何划分 Redux 项目结...

1
3
发表了问答
2016/04/23 17:30

小白用react-native + redux写的Reddit客户端

如题,小白我两天写的Reddit的客户端。用了react-native + redux, 是入门学习的一个作品。欢迎大家fork, star,issue! repo地址:https://github.com/KevinOfNeu/xReddit 预览:

2
6
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
0 评论
13 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部