Redux
Redux 是一个流行的 JavaScript 状态管理库,主要用于管理复杂应用的状态。它由 Dan Abramov 和 Andrew Clark 创建,并受到了 Flux 架构的启发。Redux 的核心理念是维护一个单一的全局状态对象,所有的状态变更都通过一种叫做“action”的方式来描述,然后这些 action 会通过“reducer”函数来更新状态。
![Redux](https://cdn.fmlg1688.cn/levenx-world/-XRLCnClTyqNWT4a.png)
Redux进阶 - Redux中间件使用(redux-thunk,redux-logger)
在Redux中,中间件是对dispatch函数进行扩展的一种方式,用来处理action和store之间的通信和交互。中间件的作用可以分为两类:一类是应用领域逻辑相关的中间件,一类是通用的、与应用领域逻辑无关的中间件。Redux需要中间件的原因是:通过中间件可以实现action和store之间的断点,方便地对action进行拦截和处理,在action到达reducer之前,执行某些额外操作(如日
前端 · 阅读 1707 · 2023年7月2日 12:59
![Redux进阶 - Redux中间件使用(redux-thunk,redux-logger)](https://cdn.fmlg1688.cn/levenx-world/POgfv1ijlzUB7ZPg.png)
React状态管理 - Redux&React-redux使用详解教程
React状态管理 - Redux&React-redux使用详解教程。一、组件间传值方案(组件间通信)了解React的朋友应该都知道React是状态数据驱动的框架。React组件组件之间传值有很多种情况,但是组件之间传值只有通过props,context,回调函数来实现(不借助外部类库)。父组件传值给自组件(props属性)自组件传值给父组件(回调函数)兄弟组件传值(需要传递的值传给共有的父组件
前端 · 阅读 1535 · 2023年7月2日 12:08
![React状态管理 - Redux&React-redux使用详解教程](https://cdn.fmlg1688.cn/levenx-world/POgfv1ijlzUB7ZPg.png)
RTK Query 清除缓存
使用RTK Query的应该知道它有自己的一套缓存策略
RTK Query 的一个关键特性是它对缓存数据的管理。当从服务器获取数据时,RTK Query 将在 Redux 存储中以“缓存”的形式存储数据。当对相同数据执行附加请求时,RTK Query 将提供现有的缓存数据,而不是向服务器发送附加请求。
前端 · 阅读 2349 · 2023年6月26日 18:25
![RTK Query 清除缓存](https://cdn.fmlg1688.cn/levenx-world/cd5ffbd8026c4cf586de0d3ef96e11a9.png)
redux tookit - rtk query的简单使用
`rtk query` 是 `@reduxjs/toolkit` 包中的的一个可选插件,其体系结构在内部使用redux。`rtk query` 是一个强大的数据获取和缓存工具,**RTK Query** 是一个强大的数据获取和缓存工具。它旨在简化在 Web 应用程序中加载数据的常见情况,**无需自己手动编写数据获取和缓存逻辑**。极大简化代码。
前端 · 阅读 1864 · 2023年3月19日 20:46
![redux tookit - rtk query的简单使用](https://cdn.fmlg1688.cn/levenx-world/cd5ffbd8026c4cf586de0d3ef96e11a9.png)
Redux-actions 使用方法
前言Redux的诟病是重复的模块代码太多,各路大佬都开始尝试解决这些问题,Redux-actions悄然而生。刚开始使用Redux-actions时遇到一些问题,那么专门写一篇博客全面详细的记录Redux-actions的使用。安装npminstallredux-actions//index.jsximportReactfrom'react';importReactDOMfrom&
前端 · 阅读 1367 · 2022年6月18日 11:44
![Redux-actions 使用方法](https://cdn.portal.levenx.com/levenx-world/SJdfHdkGr5s7CXMb.jpg)