- 综合排序
- 最热优先
- 最新优先
- 来自专栏拭心的安卓进阶之路
ReactReactNative 状态管理: redux-toolkit 如何使用
上一篇文章介绍了 redux 的使用，这篇文章我们来看下 redux 的升级版：redux-toolkit。 下面是使用 React 和 Redux-Toolkit 创建一个简单的 Todo List App 的代码示例，完整代码见文章末尾： 首先，在命令行中输入以下命令新建一个React应用： npx create-react-app todolist 安装 Redux-Toolkit 和 React-Redux： npm install @reduxjs/toolkit react-redux 创建一个 todoSlice.ts 通过 redux-toolkit，我们创建完 slice，就可以通过 slice 的 action 和 reducer 进行使用。 完整代码：https://github.com/shixinzhang/redux-sample/tree/main/src/redux-toolkit
2.5K40编辑于 2023-03-27 - 来自专栏拭心的安卓进阶之路
redux redux-toolkit 与 rematch 对比总结
在前面的几篇文章里我们知道了 redux redux-toolkit 和 rematch 如何使用： # React/ReactNative 状态管理: redux 如何使用 # React/ReactNative 状态管理: redux-toolkit 如何使用 # React/ReactNative 状态管理: rematch 如何使用 这篇文章里，我们来站在更高的角度对比总结一下。 本文主要内容： 什么是状态管理 有哪些方案，优缺点和使用场景 Redux React-Redux Redux-Toolkit 和 Rematch 的区别 什么是状态管理 状态（State），就是影响 UI 简介及案例 https://github.com/reduxjs/redux-toolkit https://redux-toolkit-cn.netlify.app/introduction/quick-start 它和 redux-toolkit 非常相似，它的 model 基本上可以等同于 redux-toolkit 的 slice： 不同点在于，rematch 支持多个 store。
3.2K60编辑于 2023-03-27 - 来自专栏海怪的编程小屋
redux 文档到底说了什么（下）
这篇文章主要讲的是怎么用 redux-toolkit 组织 redux 代码。 因此这里隆重介绍 redux 一直在推荐的 redux-toolkit，这是官方提供的一揽子工具，这些工具并不能带来很多功能，只是将上面的手动档都变成自动档了。 不过 redux-toolkit 提供了一个 createSelector，那还用个屁的 Reselect。 createReducer + createAction 其实 redux-toolkit 里面有挺多好的东西的，上面所说的 API 大概覆盖了 80% 了，剩下的还有 createReducer 和 总结 到这里会发现真正我们用到的东西就是 redux + react-redux + redux-toolkit 就可以写一个最佳实践出来了。
1.1K20编辑于 2022-03-29 - 来自专栏拭心的安卓进阶之路
React/ReactNative 状态管理: rematch 如何使用
上一篇文章介绍了 redux 的升级版 redux-toolkit 的使用，这篇文章我们来看下社区里比较出名的 redux 的升级库：rematch。 rematch 中的 model 和 redux-toolkit 的 slice 概念类似，都表示一个业务的初始状态和支持的操作。 [ { text: "zsx clean room, model init data" } ] }; //创建一个 model（类似 redux-toolkit ...state, todos } } }, }) 从上面的代码中我们可以看到，rematch 中的 model 和 redux-toolkit 通过 Provider 分发给组件树 在 UI 组件中使用 react-redux 的 useSelector 和 useDispatch 获取状态和分发行为 可以看到，rematch 和 redux-toolkit
1.7K20编辑于 2023-03-27 - 来自专栏王天的进阶之路
如何提高redux开发效率？当然是redux-tookit啦！
直到有一天我发现了 redux-toolkit ，原来 redux 还能这样写呀！ # 什么是 redux-toolkit redux-toolkit 是官方推荐的编写 redux 逻辑的方法，简化了 redux 的配置过程，无需再创建 actions、reducer 的，更大程度方便使用 redux 仓库 # 基本使用 redux-toolkit 的使用步骤，可分为如下 5 步 1、安装 redex-toolkit 2、创建 slices 3、创建 store 4、将 Redux 连接到
1.2K20编辑于 2023-10-18 - 来自专栏JVMGC
一款基于 GitHub 的 Web 笔记应用
这是一个主要使用 react (typescript)、redux-toolkit 和 mui 组件构建的前端项目。BatNoter API、是这个反应应用程序使用的 REST API 的后端实现。
1.2K20编辑于 2023-03-10 - 来自专栏王天的进阶之路
vscode 插件合集
# ESlint 校验代码语法，自动修复 # React Redux Toolkit RTK Query Snippets redux-toolkit 代码片段合集 # 无法安装怎么办？ 注意 注意！
57220编辑于 2023-10-18 - 来自专栏前端进阶实战
用 Redux 做状态管理，真的很简单🦆！
简单总结一下： 推荐在 React 项目中使用 Redux 作为状态管理 需要掌握 Redux 中的设计思想 推荐使用 @redux-toolkit，可降低心智负担，显著提升研发效率 当掌握 @redux-toolkit 后，可补充阅读 Redux 原本的 API，思考一下为什么 @redux-toolkit 要这么做？
4.2K40编辑于 2022-07-29 - 来自专栏海怪的编程小屋
redux 文档到底说了什么（上）
redux 文档除了一些概念的介绍，主要包含了 怎么只用 redux 这个库来组织 redux 代码 怎么用 redux-toolkit 的 API 更智能地组织 redux 代码 redux 文档之所以难以看懂是因为它不按线性的思维来写 ，很多时候突然就冒出一个概念或者方法，而且总是将 redux，react-redux 和 redux-toolkit 这三个玩意混在一起讲，搞得看的人是一脸蒙逼。 因此，为了更简便去写这些“模板代码”诞生了很多 redux 的库，redux 官方也推出了 redux-toolkit 这个库来方便开发者组织代码。 下一篇文章将会说怎么将上面的代码都换成 redux-toolkit 的推荐的写法，这个过程将会很爽，那下一篇文章见~
2.3K20编辑于 2022-03-29 - 来自专栏前端web技术
Redux介绍及源码解析
同时 Redux 利用纯函数简单明了的特点, 在 Flux 架构的基础上进行了优化和功能增强 (支持中间件、异步等), 降低了复杂度, 同时还提供强大的工具库支持 (React-Redux、Redux-Toolkit 所以读起来要比 Flux 的源码轻松很多, 逻辑走向比较清晰, 可以学习学习其编程思维, 他导出的函数有如下几个:export { createStore, // 整体的Store创建函数, 不过现在推荐使用redux-toolkit 当然, 现在官方已经开始推荐使用 redux-toolkit, 他是基于 Redux 的最佳实践, 简化了 Redux 的编写调用, 他采用了函数式、柯里化等编程思维, 具体差异可以参考官方说明.
3K20编辑于 2022-11-28 - 来自专栏Czy‘s Blog
useContext
redux拥有丰富的中间件，例如使用redux-thunk来进行异步操作，redux-toolkit官方的工具集等。
1.3K10编辑于 2022-09-29 - 来自专栏深度学习与python
TypeScript遭库开发者嫌弃：类型简直是万恶之源
太过复杂 我跟 redux 打过不少交道，redux-toolkit 确实是个很棒的库，开发者可以用它查看实际代码库中的类型是如何正确完成的。
1.1K10编辑于 2023-03-29 - 来自专栏魔术师卡颂
对于“前端状态”相关问题，如何思考比较全面
此时框架实现原理对Model的影响已经在更高的抽象中被抹去了，比如Redux-toolkit是React技术栈的解决方案，Vuex是Vue技术栈的解决方案，但他们在使用方式上是类似的。
86830编辑于 2023-02-23 - 来自专栏海怪的编程小屋
微前端x重构实践落地总结
vue-router 样式 scss UI ant-design-vue ant-design-pro for vue 脚手架 vue-cli 新项目需要用到的技术有： 框架 React redux + redux-toolkit
1.4K20编辑于 2022-03-29 - 来自专栏前端皮小蛋
聊聊两个状态管理库 Redux & Recoil
default: { return state; } } }; export default reducer; 使用 createSlice： // src/redux-toolkit
4.1K10发布于 2020-08-25 - 来自专栏Swift社区
从前端视角看 SwiftUI
与此同时，react-redux 仍然有在持续更新，也推出了 redux-toolkit 来试图解决导入 redux 时常见的问题。
3.8K20编辑于 2022-02-09 - 来自专栏前端达人
React性能优化的真相：为什么你的优化可能是在"自欺欺人"？
Splitting） 单次收益：30-50% 初始加载时间减少 虚拟化大列表 单次收益：如果列表 > 1000 项，90% 性能提升 优先级 2：状态管理优化（根据项目） 如果用 Redux：用 redux-toolkit
10910编辑于 2026-03-12 - 来自专栏前端从进阶到入院
2023 React 生态系统，以及我的一些吐槽……
redux-toolkit query RTK Query 是一个强大的数据获取和缓存工具。它旨在简化 Web 应用程序中加载数据的常见情况，消除了手动编写数据获取和缓存逻辑的需求。
4K30编辑于 2023-10-14 - 来自专栏WebJ2EE
【Redux】：Redux 指北
Redux to do anything useful" "Redux requires too much boilerplate code" https://redux.js.org/redux-toolkit
2.1K40发布于 2021-06-15 - 来自专栏海怪的编程小屋
造一个 redux 轮子
文档还有一步令人窒息的操作：把 redux、react-redux、redux-toolkit 三个库放在一起来讲。靠，你的标题叫 redux 文档啊，就讲 Redux 不就行了嘛？
1.8K20编辑于 2022-03-29
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号