redux

每天一个前端小知识 Day 14 - 前端状态管理深入实践

前端状态管理深入实践（Redux、Pinia、Zustand等）为什么需要状态管理？当组件之间状态通信越来越复杂时，靠props和事件传递会变得非常难维护。

蓝婷儿·2025-06-27 23:07

Riverpod原理解析（实现一个自己的Riverpod）

Flutter状态管理系列文章目录Flutter状态管理(setState、InheritedWidget、Provider、Riverpod、BLoC/Cubit、GetX、MobX、Redux)setState

liao277218962·2025-06-27 19:42

Flutter Riverpod 使用详细解析

Flutter状态管理系列文章目录Flutter状态管理(setState、InheritedWidget、Provider、Riverpod、BLoC/Cubit、GetX、MobX、Redux)setState

liao277218962·2025-06-27 19:11

Flutter 状态管理(setState、InheritedWidget、 Provider 、Riverpod、 BLoC / Cubit、 GetX 、MobX 、Redux)

状态管理系列文章目录setState()使用详解：原理及注意事项Flutter状态管理(setState、InheritedWidget、Provider、Riverpod、BLoC/Cubit、GetX、MobX、Redux

liao277218962·2025-06-25 17:56

手把手教你用vite+React18+TS+redux+prettier+eslint+Ant打造企业级前端项目

通过这篇文章你可以学到如何使用使用webpack搭建项目如何在webpack中集成typescript如何在webpack中集成ReactRouter和Redux如何使用React的组件库AntDesign

zayyo·2025-06-23 07:11

DvaJS学习（dva = React-Router + Redux + Redux-saga）

我们来介绍一下，dva出自于暴雪出品的一款游戏《守望先锋》，援引官方的角色介绍：D.Va拥有一部强大的机甲，它具有两台全自动的近距离聚变机炮、可以使机甲飞跃敌人或障碍物的推进器、还有可以抵御来自正面的远程攻击的防御矩阵。然后呢，蚂蚁金服的一位架构师sorrycc很迷这位美女，正巧刚开发了一款前端框架没有名字，作为一个向女神献礼的项目，dva框架就此诞生。我们先看看React没有解决的问题React

Free Joe·2025-06-21 18:10

【React】Dva.js上手入门教程

Dva.js上手入门教程（基于React）一、Dva.js简介Dva.js是一个基于React和Redux的轻量级前端框架，封装了Redux、Redux-saga和React-router，简化了状态管理和数据流的处理

全栈前端老曹·2025-06-21 18:09

React系列文章之DVA

bilibilidva：https://github.com/dvajs/dva/tree/master/docs/api「官网好像打不开」antd:全局化配置ConfigProvider-AntDesignredux-saga

隐形人007·2025-06-21 18:08

告别React迷茫！让你从初级到架构师一站式进阶

Redux、MobX、Zustand、Recoil？AntDesign、Material-UI、ChakraUI？Form

wylee·2025-06-20 09:05

React状态管理——RTK（Redux Toolkit）

目录一、介绍二、安装三、目录结构设计四、案例store子模块搭建（store/counterStore.js）store主模块搭建（store/index.js）连接redux和react（index.js

安心不心安·2025-06-19 23:18

React状态管理——react-redux

目录一、redux介绍二、安装三、基本实现步骤3.1创建ActionTypes3.2创建counterAction3.3创建counterReducer3.4结合所有Reducer3.5创建store3.6

·2025-06-19 23:18

dva+ts+taro 小程序构建-资料总汇

dva+typescript目录设计组件设计ui设计规范:抽象ui组件组件props注释页面公共交互行为:逻辑组件页面公共组件:业务组件模块划分=>尽量解藕view划分：模块之间不可相互调用，只可以通过redux

weixin_30793643·2025-06-18 20:44

【React】常用的状态管理库比对

状态管理库优劣一览状态管理库优点缺点适用场景Context+useReducer✔原生方案，无需额外依赖✔逻辑清晰、轻量✔可按模块拆分❌无缓存❌多层嵌套性能差❌跨组件通信繁琐中小项目，状态少、结构简单ReduxToolkit

秀秀_heo·2025-06-17 03:58

Zustand：一个轻量级的React状态管理库

因此，许多开发者会选择使用Redux、MobX等状态管理库来帮助他们更好地管理应用状态。然而，这些库往往伴随着较大的学习曲线和额外的性能

布兰妮甜·2025-06-16 17:56

基于React Native的HarmonyOS 5.0房产与装修应用开发

一、技术选型与开发环境搭建1.技术栈选择（1）前端框架:ReactNative0.70+(支持HarmonyOS的最新版本)（2）状态管理:ReduxToolkit或MobX（3）UI组件库:HarmonyOSDesignSystem

程序员小张丶·2025-06-15 21:14

react面试题整理

11.什么是Redux？如何与React结

weixin_42339193·2025-06-13 16:48

21 分钟学 apollo-client 系列：简单搭建

搭建Apolloclient端，集成redux使用apollo-client来获取数据修改本地的apollostore数据提供定制方案请求拦截封装修改client的apiapollostore存储细节写入

weixin_34223655·2025-06-10 18:57

Redux中间件原理

以下是关于Redux中间件原理的系统梳理：一、中间件的核心作用扩展Dispatch能力：处理非普通对象类型的Action（如函数、Promise）流程拦截：在Action到达Reducer前进行预处理功能增强

前端岳大宝·2025-06-08 20:35

Redux中间件的实践

最近项目前端开发框架采用React+Redux进行实现，但是，如何异步访问服务器端，以及想要在开发过程中进行状态树日志的输出，所以怎么才能解决这两个问题?

weixin_34252686·2025-06-08 20:05

Redux：不可变数据与纯函数的艺术

Redux：不可变数据与纯函数的艺术状态管理的困境随着现代Web应用功能的不断扩展，前端开发者面临着日益复杂的状态管理挑战。

BitCat·2025-06-08 19:02

React状态管理：Redux Toolkit与传统Redux的比较

React状态管理：ReduxToolkit与传统Redux的比较React应用的状态管理是构建复杂用户界面的重要组成部分。随着应用的增长，有效地管理状态变得日益复杂。

·2025-06-07 07:52

react的状态管理工具redux-toolkit（内置thunk插件）

redux-toolkit简称RTK，RTK是redux简化版的工具包，它可以帮我们进行对数据的操作和管理。

wcsy2018110·2025-06-07 06:51

React hook之userReducer

在React中，useReducer是一个用于管理复杂状态逻辑的Hook，它类似于Redux中的reducer模式，但更轻量且适用于组件内部或结合ContextAPI实现全局状态管理。

沪cares·2025-06-07 06:50

状态管理redux-toolkit react

react状态管理状态管理库：reduxredux-toolkitmobxdvazustand跨页面的通信公共数据进行管理，将数据放到了window下window.store={xxx:value,xxx1

·2025-06-07 06:18

【前端学习笔记】Redux

文章目录前言Redux1简介2笔记创建一个ReduxStore从ReduxStore获取状态分发ActionEvent在Store里处理Action使用Switch语句处理多个Actions使用const

Love__Tay·2025-06-06 04:54

react实现聊天界面_react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面

一、项目简述基于react+react-native+react-navigation+react-redux+react-native-swiper+rnPop等

·2025-06-06 00:22

Signal是个什么东东？必须得了解一下

传统的状态管理工具，如Redux或Vuex，虽然可以很好地处理状态，但它们往往需要较为复杂的配置，且在某些情况下可能不如直接、简洁的机制高效。

·2025-06-05 20:40

问：你是如何进行react状态管理方案选择的？

前言：最近接触到一种新的（对我个人而言）状态管理方式，它没有采用现有的开源库，如redux、mobx等，也没有使用传统的useContext，而是用useState+useEffect写了一个发布订阅者模式进行状态管理

beifeng11996·2025-06-04 21:13

react-8（react-redux）

可以看到上一篇react-7里的例子写法是比较复杂的，UI组件和容器（显示页面的UI和业务逻辑没有分离），可以使用react-redux处理一下。

我只是想饮一杯奶茶·2025-05-30 15:56

Redux-Thunk 使用与实现原理详解

一、redux-thunk是什么？redux-thunk是Redux的一个中间件，用于处理异步action的分发。

weixin_43991457·2025-05-30 11:21

Redux中间件实现状态持久化

使用Redux中间件实现状态持久化（如将状态保存到本地存储）是一种常见需求。

_艾米莉·2025-05-29 07:07

dva、mobx、redux有什么区别?

在Umi中使用Dva、MobX和Redux的区别主要体现在设计思想、实现方式和开发体验上。以下是它们的对比分析：1.Dva定位：基于Redux和Redux-Saga的封装，简化Redux的复杂流程。

尘寰ya·2025-05-28 05:50

【面试 · 三】react大集合（类式/函数式）

目录类式组件生命周期函数式组件hook组件通信类组件和函数组件的区别全局状态管理react-redux路由受控组件和非受控组件高阶组件Fiber类式组件生命周期constructor初始化组件的状态和绑定事件处理器

横卧数星斗·2025-05-26 04:48

react全局状态管理——redux和zustand，及其区别

ReduxRedux是一个使用叫作“actions”的事件去管理和更新应用状态的模式和工具库，用于集中管理状态。

夫琅禾费米线·2025-05-25 22:39

Vue常见面试题(持续更新)

它起源于微软WPF和Silverlight技术栈，后来在JavaScript世界中的框架如Vue.js、AngularJS/Angular以及React（通过Redux等状态管理库结合使用）得到了广泛应用

Hello-Mr.Wang·2025-05-24 22:05

Taro开发微信小程序（一）

Taro开发微信小程序（一）技术栈框架：Tarov3.5.1+React数据流：reduxCSS预处理：SASS其他库：Taro-UI（目前用到的）项目初始化Taro框架搭建参考Taro官方文档CLI工具安装

zYosous·2025-05-23 03:05

Redux：优点和缺点

文章目录使用Redux：优点和缺点什么是Redux？什么时候使用Redux？

软考真题app·2025-05-20 13:31

redux-toolkit 相关问题

examplestore/module/billList.js//账单列表相关的storeimportaxiosfrom"axios";import{createSlice}from"@reduxjs/

purpleseashell_Lili·2025-05-20 04:35

React 组件之间的通讯是咋玩的？(全面解析)

二、核心通讯方式详解1.父子组件通讯：Props的艺术2.兄弟组件通讯（mitt）3.跨层级通讯：ContextAPI4.复杂状态管理：Redux/Zustand总结前言在React开发中，组件通讯是一个绕不开的核心话题

小码龙~·2025-05-18 23:51

React学习———Redux 、 React Redux和react-persist

ReduxRedux是一个流行的JavaScript状态管理库，通常用于React等前端框架结合使用。Redux的设计思想是让应用的状态变得可预测、可追踪、易于调试和测试。

邝邝邝邝丹·2025-05-17 16:42

React-Redux详解

一、‌核心概念与作用‌1‌.定义‌React-Redux是Redux的官方React绑定库，用于在React应用中实现状态集中管理，通过Store统一维护全局状态，并通过Action和Reducer实现状态的更新与同步

小前端大牛马·2025-05-17 04:41

React中的状态管理Dva总结

为了解决这一问题，很多开发者选择了Redux，然而Redux的学习曲线较陡，且需要配置较多的样板代码。

weifont·2025-05-14 22:49

27、状态管理三神器——React 19 Redux/MobX/Zustand对比

一、核心设计哲学对比1.Redux：时间晶体存储•严格单向数据流：通过action→reducer→store的强约束流程管理状态，如同魔法部的时间转换器，确保每次状态变更都可追溯。

进取星辰·2025-05-14 19:00

React Native Boilerplate：基于Type架构的开源项目

ReactNativeBoilerplate：基于Type架构的开源项目react-native-boilerplateTypeBasedArchitecturefordevelopingReactNativeAppsusingreact,redux

董斯意·2025-05-13 17:12

5.7 react 路由

react状态管理库14:20react路由（补充）数据路由路由hooks路由跳转（方法标签/内置方法）获取路由地址栏信息动态路由实现（多角色权限路由）reduxredux-toolkit状态管理antd

t200718·2025-05-12 18:13

React ES7 React/Redux/GraphQL/React-Native snippets插件常用代码块

ES7React/Redux/GraphQL/React-Nativesnippets插件常用代码块生成无状态组件rfc生成类组件rcc打印clg导入imp导入Reactimrthis.setStatesst

执着的派大星·2025-05-11 00:39

【VSCode】ES7 React/Redux/GraphQL/React-Native snippets 插件详解

文章目录一、插件简介1.插件的作用2.安装与配置二、常用代码片段介绍1.React代码片段1.1函数组件1.2类组件2.Redux代码片段2.1创建action2.2创建reducer3.ReactHooks

Peter-Lu·2025-05-11 00:06

推荐项目：提升开发效率的神器 —— VS Code ES7+ React/Redux/JS Snippets

石淞畅Oprah·2025-05-11 00:06

“ES7+ React/Redux/React-Native snippets“常用快捷前缀

请注意，这是一个常用的列表，不是扩展提供的所有前缀。最完整和最新的列表请参考扩展的官方文档或在VSCode中查看扩展的详情页面。React(通常用于.js,.jsx,.ts,.tsx):rfce:ReactFunctionalComponentwithExportDefaultrafce:ReactArrowFunctionComponentwithExportDefaultrce:ReactCl

zwjapple·2025-05-11 00:34

React Native Boilerplate 使用教程

ReactNativeBoilerplate使用教程react-native-boilerplateTheReactNative,Reduxboilerplateforpersonalusage项目地址

孙嫣女·2025-05-04 01:15

推荐频道