基础部分 一译者目前在做前端，博客内容主要是文档翻译。如果读者希望我翻译某些和前端相关的文档，欢迎留言告诉我。对于已有在网络上能够搜到质量较高译文的文章，我就不做重复工作了。本人精力有限，翻译质量达不到出版书籍的程度，可能有些人看不懂，不过我相信这总会帮助到一些人。有空的时候我会返回来对之前的文章进行润色。对应官方文档，基础部分，Actions，Reducers，Store三节。https://r
转载
2024-08-19 11:30:43
49阅读
一、redux的思想redux可能是刚刚接触react时，我遇到比较复杂的问题了。个人认为使用redux并不难，跟着教程敲个计数器什么的也是非常简单的。redux难就难在理解其思想及原理。经过学习很多文章和查看redux源码后。写下了这个文章，做个记录和总结，以便以后忘记了还能捡起来。学习redux需要先了解其目的（redux是为了解决什么问题）举例：当我们遇到项目中存在很多页面公用的状态时，按照
#Redux流程action → dispatch → store → reducerAction：描述要做的事情1.action是一个plain-object（平面对象） 1.它的__proto__必须指向object.prototype2.action中，必须有type属性,该属性用于描述操作类型，通常使用payload属性表示附加数据（没有强制要求）const action =
转载
2024-10-17 14:36:15
11阅读
Mobx解决的问题传统react使用的数据管理库为Redux。Redux要解决的问题是统一数据流，数据流完全可控并可追踪。要实现该目标，便需要进行相关的约束Redux由此引出dispatch action reducer等概念，对state的概念进行强约束，然而对于一些项目来说，太过强，便失去了灵活性。Mobx便是填补此空缺的这里对Redux和Mobx进行简单的对比：1.Redux的编程范式是函数
看到很多小伙伴一见到redux就头疼，笔者今天就来说说这个redux吧。redux及其中间件介绍，参考：一、redux是什么？redux是一个专门做状态管理的js库（不是react插件库），它可以用在react，angular、vue等项目中，但基本与react配合使用。所以说react不是一个完整的框架。而我们所熟知的vuex就很不一样，它只能用在vue里，是vue自己的状态管理工具库，所以vu
reduxRedux是一个数据状态管理插件，当使用React或是vue开发组件化的SPA程序时，组件之间共享信息是一个非常大的问题。例如，用户登陆之后客户端会存储用户信息（ID，头像等），而系统的很多组件都会用到这些信息，当使用这些信息的时候，每次都重新获取一遍，这样会非常的麻烦，因此每个系统都需要一个管理多组件使用的公共信息的功能，这就是redux的作用。简单使用import { createS
什么时候需要redux1. 一个组件需要共享它的状态给好几个组件2. 一个组件的状态改变发生的属性(props)传递，需要横过好几个组件并非所有的 React 应用程序都需要使用 Redux 的。如果你不确定是否使用 Rudex ，那么你就是不需要的。redux基础概念Action
action 是一个具有 type&
简评： Redux 是一个用于应用程序状态管理的开源JavaScript库，其核心是通过可管理和控制的状态来描述一个系统。这意味着其思想其实是可以应用于任何类型应用的开发的，包括移动应用。Redux 架构基于一个严格的单向数据流，应用中的所有数据都是通过组件在一个方向上流动。Redux 希望确保应用的视图是根据确定的状态来呈现的。意思就是，在任何时间点，你应用的状态总是确定、有效的，并且可以转换到
转载
2024-10-17 08:16:02
38阅读
前言 在react+redux项目里,关于reducer中处理state的方式,在redux官方文档中有这样一段描述 (链接):不要修改 state。 使用 Object.assign() 创建了一个副本。不能这样使用 Object.assign(state, {visibilityFilter: action.filter })，因为它会改变第一个参数的值。你必须把第一个参数设置为空对象。你也可
转载
2024-08-14 11:35:06
167阅读
最近学习react redux，先前看过了几本书和一些博客之类的，感觉还不错，比如《深入浅出react和redux》,《React全栈++Redux+Flux+webpack+Babel整合开发》，《React与Redux开发实例精解》， 个人觉得《深入浅出react和redux》这本说讲的面比较全， 但是 很多都是蜻蜓点水， 不怎么深入。这里简单记录一个redux 的demo， 主要方便以后自己
转载
2024-07-03 06:52:29
42阅读
定义不可变数据 (Immutable Data )就是一旦创建，就不能再被更改的数据。对 Immutable 对象的任何修改或添加删除操作都会返回一个新的 Immutable 对象。Immutable 实现的原理是持久化数据结构（ Persistent Data Structure），也就是使用旧数据创建新数据时，要保证旧数据同时可用且不变。同时为了避免 deepCopy 把所有节点都复制一遍带来
核心概念
三大原则
1、单一数据源
使用redux的程序，所有的state都存储在一个单一的数据源store内部，类似一个巨大的对象树。
state是只读的
state是只读的，能改变state的唯一方式是通过触发action来修改
2、使用纯函数执行修改
为了描述 action 如何改变 state tree ， 你需要编写 reducers。
r
前言本文主要以 Rudex 结合 Racte 的方式，对 Redux 的基本概念和用法进行记录；Rudex 是什么Rudex 是一个以集中式 Store 的方式对整个应用中使用的状态进行集中管理，确保状态只能以可预测的方式更新；简单来讲：Rudex 是一个状态管理库；
明确了 Rudex 是什么之后，需要思考两个问题：为什么要使用 Rudex?什么时候应该使用 Rudex?Redux 设计理念应用
Redux 唯一数据仓库 只能读取 数据改变只能通过纯函数进行. ////////////////////////////////////////////////////////////////////////////////// 点击button后，在回调中dispatch一个action,red
转载
2021-03-15 16:13:00
92阅读
2评论
1.为什么使用React还需要使用别的框架来搭配？ React的核心是使用组件定义界面的表现，是一个View层的前端库，那么在使用React的时候我们通常还需要一套机制去管理组件与组件之间，组件与数据模型之间的通信。2.为什么使用Redux？ 随着 JavaScript 单页应用开发日趋复杂，JavaScript 需要管理比任何时候都要多的 state （状态）。 这些 state 可能包括服
转载
2024-09-11 20:47:00
78阅读
redux
reduxReact只是DOM的一个抽象层Web应用是一个状态机，视图与状态是一一对应的所有的状态，保存在一个对象里面（唯一数据源）需要使用redux的项目用户的使用方式复杂不同身份的用户有不同的使用方式（比如普通用户和管理员）多个用户之间可以协作与服务器大量交互，或者使用了WebSocketView要从多个来源获取数据从组件层面考虑，什么样
转载
2024-03-05 22:29:57
113阅读
本文通过几个例子来帮助初学者快速入门 redux-toolkit 在 react 的应用，不涉及异步 action 以及与服务器的交互，不解释 redux 的原理和用法，读者应当对 react 和 redux 有一定了解。quickstart先来看一个简单的案例，这是redux toolkit document中的例程。首先来看最终在 react 中使用 redux 的部分。// features
转载
2024-08-30 11:39:39
43阅读
redux-actions有两大法宝createAction和handleActions.createAction原来创建action:const startAction = () => ({ type: START });使用redux-actions创建action:import { createAction } from 'redux-action...
转载
2021-06-30 14:13:50
239阅读
redux-actions有两大法宝createAction和handleActions.createAction原来创建action:const startAction = () => ({ type: START });使用redux-actions创建action:import { createAction } from 'redux-action...
转载
2022-03-28 15:36:58
310阅读
react-redux——使用redux——使用react-redux这个扩展
原创
2022-10-02 19:43:49
243阅读
