Redux

【前端状态管理】React 状态管理工具如何选 context/redux/mobx/zustand/jotai/recoil/valtio

什么是状态管理?“状态”是描述应用程序当前行为的任何数据。这可能包括诸如“从服务器获取的对象列表”、“当前选择的项目”、“当前登录用户的名称”和“此模式是否打开？”等值。众所周知，我们在研发一个复杂应用的过程中，一套好的状态管理方案是必不可少的，既能提升研发效率，又能降低研发维护成本，那么状态管理方案那么多，它们有什么不同，我们又该如何选择适合当前应用的方案呢？本期将主要就react的常用状态管理
AwesomeDevin·2023-11-08 04:10

reduxjs/toolkit的使用

用法：下载包进行安装，store主入口，hooks简化store(复制粘贴进去即可)，slice相当于store中的模块化，最后在页面根入口导入store，并使用即可1、安装npminstall@reduxjs
郭俊强·2023-11-07 22:54

redux-persist 配置

在reduxjs/toolkit基础上进行更改，主要作用为store数据持久化在reduxjs/toolkit的基础上，新增一下内容，将原先configureStore中的reducer值更换即可1、下载
郭俊强·2023-11-07 22:50

web3 dapp React项目引入 antd 对 balance 用户token信息组件进行样式改造

好上文web3Reactdapp中编写balance组件从redux取出并展示用户资产我们简单处理了用户资产的展示那么我们继续先启动ganache环境终端输入ganache-d然后打开我们的项目将合约发布到区块链上
跟 耿瑞 卷出一片天·2023-11-06 18:47

React-HOOK——React中类似于vue中的插槽、自定义HOOK、插槽和自定义HOOK配合使用、useReducer

React中类似于vue中的插槽二、自定义HOOK三、插槽和自定义HOOK配合使用四、useReducer1.useReducer引入2.语法:3.案例:4.useReducer+useContext实现redux5
爱喝牛奶~·2023-11-06 09:52

开发跨平台app推荐React Native还是flutter？

闲鱼作为flutter领域的先驱者，以及fish_redux、flutter_boost等当红flutter库的作者，当然是欢迎广大的开发者多多使用flutter相关技术栈逃~:)。
阿里云云栖号·2023-11-06 08:21

redux 浅析

什么是ReduxRedux是JavaScript状态容器，提供可预测化的状态管理。Redux是如何工作的应用中所有的state都以一个对象树的形式储存在一个单一的store中。
direwolf_·2023-11-06 05:06

[React] React-Redux 快速入门

文章目录1.安装ReduxToolkit和ReactRedux2.创建ReduxStore3.为React提供ReduxStore4.创建ReduxStateSlice5.添加SliceReducers
959y·2023-11-06 03:13

Taro 小程序开发大型实战（四）：使用 Hooks 版的 Redux 实现应用状态管理（上篇）

欢迎继续阅读《Taro小程序开发大型实战》系列，前情回顾：熟悉的React，熟悉的Hooks：我们用React和Hooks实现了一个非常简单的添加帖子的原型多页面跳转和TaroUI组件库：我们用Taro自带的路由功能实现了多页面跳转，并用TaroUI组件库升级了应用界面实现微信和支付宝多端登录：实现了微信、支付宝以及普通登录和退出登录如果你跟着敲到了这里，你一定会发现现在的状态管理和数据流越来越臃
一只图雀·2023-11-06 00:58

react_11

介绍需求，组件0改变了数据，其它组件也想获得改变后的数据，如图所示这种多个组件之间要共享状态数据，useState就不够用了，useContext也不好用了能够和react配合使用的状态管理库有MobXRedux
敲代码的翠花·2023-11-05 19:49

React项目报错: __WEBPACK_IMPORTED_MODULE_3_react___default.a.memo is not a function

WEBPACK_IMPORTED_MODULE_3_react___default.a.memoisnotafunction，找了一天，最终在package.json文件中看到是react和react-dom的版本太低了，与redux
编程小飞·2023-11-05 19:16

Vue-如何实现vuex模块化

就像React的生态系统有redux一样，vue的生态系统中的一员vuex也扮演着重要的角色。由于现在很多优秀的博客都介绍了vuex的原理以及基本用法，因此本文不会在此赘述。
Renaissance_·2023-11-05 19:37

单例模式

运用场景：系统中被唯一使用的，一个类只有一个实例；从业务概念上，有些数据在系统中只应该保存一份，就比较适合设计为单例类；应用场景示例vuex和redux中的store等TSjavajs写法1js写法2设计原则验证符合单一职责原则
_1633_·2023-11-05 18:52

简易描述Redux的使用步骤

全局状态管理工具。1.通过createStore方创建一个状态仓库。2.创建一个reducer函数传入createStore，这也是我们处理业务逻辑的地方。3.createStore调用reducer时会自动传入两个参数(state={自定义的状态},action)，然后把state返回出去。4.在组件中引入我们刚刚创建的store，使用store.getState()可以获取到在reducer中
九歌丶·2023-11-05 06:27

23 项目实战：详情页面和登录功能开发（四）

write组件//===>src/pages/write/index.jsimportReact,{PureComponent}from'react'import{connect}from'react-redux'import
小二的学习日记·2023-11-05 05:48

理解Redux中间件

而在Redux里，中间件是运行在action发送出去，到达reducer之间的一段代码。编写中间件日志记录是
SCQ000·2023-11-05 05:09

react-redux

使用React-Redux时，首先要创建一个Provider组件，作为最顶层的组件将所有React组件包裹起来，从而使所有的React组件都变为Provider的后代组件，再将已经创建好的Store作为属性传递给
shelhuang·2023-11-04 18:47

react-redux项目结构

项目结构publicsrcstoreredux仓库目录actionCreators.jsaction目录actionTypes.jsactiontype目录index.jsredux入口文件，生成storereducer.jsredux
chantAria·2023-11-04 07:34

React 项目结构小结

基本上应该是说可以应对大部分的项目了使用的依赖目前项目还在refactoring的阶段，所以乱得很，这里是新建一个空的项目作为案例，package.json中新增添的依赖如下：{"dependencies":{"@reduxjs
GoldenaArcher·2023-11-04 07:29

react 组件连动效果_记一个缓动水柱React动画组件的初次尝试

背景：写React也一年多了,从一开始的单React到React+redux也累计写过几十上百号的基础组件和业务基础组件了...然后很不幸的是作为一个数据产品开发，不可能天天跟最繁琐的用户管理相关页面(
邱广涛·2023-11-04 07:02

Redux基础

Installationnpminstallreact-reduxUsingReduxUsingReduxwithanyUIlayerrequiresthesameconsistentsetofsteps
RiNNe_·2023-11-04 06:29

封装一个丝滑的react状态管理插件

自从ReactHooks推行后，Redux作为状态管理方案就显得格格不入了。
前端践行者-Mr鹏帅·2023-11-04 03:52

React Context 和 useContext

1.Context在React使用过程中，公共信息，例如语言，主题等如何传递给每个组件呢而当组件层级不多不少的时候，共享的数据也不多时，这个时候会稍微有些尴尬，用props会有点繁琐，而用Redux又不至于
-木云-·2023-11-04 03:51

react hook useContext 透传状态

www.ptbird.cn/react-createContex-useContext.html通常使用useContext透传数据,不过大部分时候当你需要用useContext的时候,你真正需要的是redux
阿豪boy·2023-11-04 03:20

教你写一个 React 状态管理库

自从ReactHooks推行后，Redux作为状态管理方案就显得格格不入了。
frontend_frank·2023-11-04 03:19

前端面试题整理

前端面试题整理及大纲HTML&CSSReactClass组件与类组件生命周期Redux组件通信性能JavaScript组件HTML&CSS如何做移动端适配的移动端1像素的解决方案弹性盒中的缩放机制是怎样的
0-帅的拖网速-0·2023-11-04 02:48

WEB3 在 React搭建的Dapp中通过redux全局获取并存储用户ETH与自定义token与交易所存储数量

上文web3在Reactdapp中全局管理web3当前登录用户/智能合约等信息中我们简单操作，将web3的公共信息都存在了window对象上然后我们先来启动一下环境终端输入ganache-d打开项目终端输入trufflemigrate--reset在区块链上发布一下智能合约然后我们在src下的components目录下创建两个组件分别是余额组件balance.jsx订单组件Order.jsx然后在
跟 耿瑞 卷出一片天·2023-11-04 01:13

Redux react-redux class组件使用篇

class组件中使用redux详细参考搭配React中有提到怎么使用前提，在react应用中已经成功注入了redux。
我胖虎不答应！！·2023-11-04 01:11

react redux中获取 store 数据并将数据渲染出来

前景提要如果不了解基础的话-----点击此处本文着重实现效果，不会讲太多原理问题未使用react-redux管理工具创建仓库骨架并书写初始代码src目录下创建//store/index.js代码import
web前端 zxp·2023-11-04 01:10

react函数式组件中使用react-redux

一、背景最近我最近在用react重构公司的项目，但是在使用redux时，我遇到了很多坑，经过多次查找资料,特此记录：二、踩坑过程因为我已经搭建了项目架构，所以这里只从react-redux的使用开始1、
清渡欢LL·2023-11-04 01:40

React在组件中监听redux中state状态的改变

：importReact,{Component}from'react'importCSSModulesfrom'react-css-modules'import{connect}from'react-redux'imports
一只特立独行的猫猫·2023-11-04 01:38

web3 React dapp中编写balance组件从redux取出并展示用户资产

好啊上文WEB3在React搭建的Dapp中通过redux全局获取并存储用户ETH与自定义token与交易所存储数量中我们拿到了用户的一个本身和交易所token数量并放进了redux中做了一个全局管理然后我们继续先起来
跟 耿瑞 卷出一片天·2023-11-04 01:35

redux

redux状态管理库像外暴露了6个方法：createStore,combinReducers,applyMiddleware,bindActionCreators,componseactionaction
Rotary·2023-11-03 23:57

react+redux与react+mobx

Redux与Mobx适用场景：多交互、多数据源1、用户使用方式较复杂2、不同身份用户有不同使用方式（比如普通用户和管理员权限控制）3、多个用户之间可协调合作4、与服务器大量交互，或者使用了WebSocket5
Front思·2023-11-03 13:18

大前端 - react -Mobx6（数据流）

和redux做的事情一样，但是比redux简单。没有那么多的模版代码。目前最新版本为6，版本4和版本5已不再支持。
yanling.zhang·2023-11-03 13:45

mobx 5 + react 函数组件 的一些用法,算是学习mobx的一些小总结

因为维护项目的需要,得学习一下mobx,之前用过基于redux封装的dav,但是它的model写起来有点费劲,就像vue一样,条条框框,更改状态要不停的的setxxx,getxxx,但是mobx就简化了很多
杀人放火-厉 飞 雨·2023-11-03 13:10

redux-actions

为什么使用redux-actions?reducer使用switchcase语句进行action类型判断，当action很多时候，reducer内容就不那么直观了。
lovinglili·2023-11-02 06:28

Redux

redux是React的状态管理工具，它的工作流程如下DC1KtU.pngRedux适合的场景用户的使用方式复杂不同身份的用户有不同的使用方式用户之间可以协作与服务器大量交互view要从多个来源获取数据安装
alfalfaw·2023-11-02 06:40

Redux入门

redux是JavaScript状态容器，提供可预测化的状态管理。可以用在React、Vue等前端库中。
YQY_苑·2023-11-02 05:58

【react从入门到精通】React兄弟组件通信方式详解（有示例）

文章目录人工智能福利文章前言React技能树通过共同的父组件传递props使用ReactContext使用Redux使用EventBus脑筋急转弯小程序抢先体验✍创作者：全栈弄潮儿个人主页：全栈弄潮儿的个人主页
全栈弄潮儿²⁰²³·2023-11-01 23:40

React中的状态管理

目录前言1.React中的状态管理1.1本地状态管理1.2全局状态管理ReduxReactContext2.React状态管理的优势总结前言当谈到前端开发中的状态管理时，React是一个备受推崇的选择。
TechWhiz-晓同·2023-11-01 22:27

@reduxjs/toolkit配置react-redux解决createStore或将在未来被淘汰警告

通常我们用redux都需要通过createStore但目前你去用它基本都会被划线甚至有点厉害的的编辑器他会直接告诉你这个东西基本快被弃用了这个应该大家都知道最好不要用已经被明确未来或弃用的语法因为一旦弃用这个系统就需要维护而且说一般会被淘汰的语法本身也就是有一定缺陷存在的要用我这种方式
跟 耿瑞 卷出一片天·2023-11-01 22:53

ReactNative 无限导航页面的状态管理

项目使用的主要框架：React-native0.61.5React-redux7.1.3React-navigation4.2.2Dva2.0.2问题RN项目中遇到了无限向下导航的场景，类似汽车之家论坛
ilaoke·2023-11-01 19:51

在react中使用redux && react-redux的使用demo

前言:redux是一种状态管理工具,可以存储和操作一些全局或者很多组件需要使用的公共数据。
青阳流月·2023-11-01 14:51

React入门 - 认识react与jsx语法规则day01

Facebook开源，用于构建用户界面的Javascript库解释：是一个将数据渲染为HTML视图的开源Javascript库React全家桶：React-Router(路由)、PubSub(消息管理)、Redux
Silver〄line·2023-11-01 14:36

React Query + Redux toolkit 封装异步请求

当你需要进行Redux和ReactQuery的组合时，除了常规的Redux方法（例如手动派发action和更新state），还可以使用createSlice和ReactQuery进行组合，这可以让你更方便地封装异步请求和更容易地更新状态
泡泡码客·2023-11-01 12:50

redux中compse的实现

exportdefaultfunctioncompose(...fns){if(fns.length==1){returnfns[0];}//俄罗斯套娃returnfns.reduce((a,b)=>(...args)=>a(b(...args)));}//老的作者的实现，比较好理解functioncomposeOld(...fns){returnfunction(...args){//拿到最后一
Jason_Zeng·2023-11-01 10:35

React从入门到精通（1704B）

todolist小练习十、生命周期十一、路由十二、使用PropTypes进行类型检查十三、refs和DOM十四、ReactDOM十五、Mock数据十六、antd十七、Context十八、事件系统十九、Redux
徐同保·2023-11-01 07:10

react组件间传值

React+ReactHook+ReactRouter+Redux+Axios+Less移动端h5搭建新项目第一个React项目创建安装路由react-router-domrouter路由index.jsApp.js
hammer1010·2023-10-31 20:56

[尚硅谷React笔记]——第7章 redux

目录：redux简介redux工作流程求和案例_纯react版求和案例_redux精简版redux完整版异步action版对react-redux的理解连接容器组件与UI组件，react-redux基本使用优化
阿瞒有我良计15·2023-10-31 18:00
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他