zustand

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

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

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

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

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

wylee·2025-06-20 09:05

Zustand与React组件状态管理的深度解析

Zustand与React组件状态管理的深度解析在现代Web开发中，状态管理是构建交互式用户界面不可或缺的一部分。

阿卞是宝藏啊·2025-06-16 17:58

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

文章目录前言一、安装Zustand二、使用Zustand三、实际案例结语前言在现代Web开发中，状态管理是一个常见的需求，特别是在构建大型或复杂的单页面应用程序（SPA）时。

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

react18 + vite5 + typeScript + commitLint + prettier + eslint + husky + lintStaged 实现后台管理系统基本框架

项目大致效果图项目基本说明技术栈react18react-router6antd5zustand4vite45axiosfakerjs模拟数据dayjslodashtypescriptechartscommitlint

小白小白从不日白·2025-06-08 05:49

如何使用Zustand与React-Query优化状态管理与API请求

如何使用Zustand与React-Query优化状态管理与API请求背景简介在现代前端应用开发中，状态管理与API请求处理是两个重要的组成部分。

想法臃肿·2025-06-02 02:24

[React]实现一个类zustand公共状态库

ZhuAiQuan·2025-05-28 23:34

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

ReduxRedux是一个使用叫作“actions”的事件去管理和更新应用状态的模式和工具库，用于集中管理状态。它以集中式Store（centralizedstore）的方式对整个应用中使用的状态进行集中管理，其规则确保状态只能以可预测的方式更新。“store”是保存应用程序的全局state的容器，所有Redux应用的中心都是store。通过store.getState()访问当前state;通过

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

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

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

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

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

一、核心设计哲学对比1.Redux：时间晶体存储•严格单向数据流：通过action→reducer→store的强约束流程管理状态，如同魔法部的时间转换器，确保每次状态变更都可追溯。•单一数据源：全局状态存储于唯一Store中，类似霍格沃茨的学院杯计分器，所有数据变更需经中央审核。•中间件生态：支持Redux-Thunk、Saga等异步模式，如同凤凰社的多层防御结界。2.MobX：量子纠缠状态•响

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

0901context_useReducer_状态管理-react-仿低代码平台项目

文章目录1React状态管理概述1.1why&what1.2React内置状态管理1.3主流第三方库1.3.1Redux1.3.2MobX1.3.3Recoil1.3.4Zustand1.4选型建议1.5

gaog2zh·2025-05-03 11:42

【AI】React Native中使用Zustand框架及自动生成选择器

Zustand作为一个轻量级的状态管理库，提供了简洁而强大的API，特别适合于ReactNative应用开发。

aikongmeng·2025-04-18 21:55

zustand 状态管理库的使用结合TS

zustand是一个用于React应用的简单、快速且零依赖的状态管理库。它使用简单的钩子（hooks）API来创建全局状态，使得在组件之间共享状态变得容易。

珊珊而川·2025-04-18 01:17

手把手带你掌握Zustand：轻量级React状态管理利器

手把手带你掌握Zustand：轻量级React状态管理利器一、简介一个小巧、快速且可扩展的极简状态管理解决方案。

·2025-04-10 10:08

React优化性能的hooks，Class类组件，zustand--Redux平替

useMemoReact.memoprops的比较机制useCallbackReact.forwardRefuseInperativeHandleClassAPI类组件基础结构类组件的生命周期类组件的组件通信zustand

miraculous111·2025-04-08 12:49

Zustand selector 发生 infinate loops的原因以及解决

Zustandselector发生infinateloops做zustandtutorialproject的时候，使用选择器方法引入store，出现Maximumupdatedepthexceeded,也就是组件一直重新渲染，改成直接使用store就没有不会出现这个问题。如下：//const[xIsNext,setXIsNext]=useGameStore((state)=>[//state.xI

夫琅禾费米线·2025-03-06 20:31

一个基于 React + SpringBoot 的在线多功能问卷系统（附源码）

简介：一个基于React+SpringBoot的在线多功能问卷系统前端技术栈：React、React-Router、Webpack、Antd、Zustand、Echarts、DnDKit后端技术栈：SpringBoot

程序员-李旭亮·2025-02-28 07:23

探索Bunshi：轻量级状态管理的新选择

探索Bunshi：轻量级状态管理的新选择bunshiMoleculepatternforjotai,valtio,zustand,nanostores,xstate,reactandvue项目地址:https

虞旋律·2025-01-29 06:41

解锁Zustand的潜力：轻量级状态管理的无限可能

安装zustandyarnaddzustand创建store使用creat来创建一个新的storeimport{create}from'zustand'import{AsyncData}from'..

LLlan_lan·2025-01-29 06:39

让人爱不释手的状态管理工具——Zustand的基础讲解

选择目标状态：bears更新目标状态：bears更直接的方法——解构Zustand的异步支持Zustand切片模式总结写在前面本文意在作为学习Zustand的引导文章，希望各位可以通过此篇文章达到初步入门或者是复习的效果如果你是第一次接触状态管理工具的话

tabzzz·2024-09-14 13:27

推荐：Zustand——简单高效的React状态管理库

杭臣磊Sibley·2024-08-28 19:04

探索Zustand：简洁高效的状态管理新星

探索Zustand：简洁高效的状态管理新星zustandpmndrs/zustand:Zustand是一个轻量级的状态管理库，适用于React应用。

邹卿雅·2024-08-28 19:04

Zustand：让React状态管理更简单、更高效

Zustand这个单词在德语里是状态的意思（发音：促stand）1.下载zustandnpmizustand或者yarnaddzustand2.创建一个storeimport{create}from'zustand'constuseBearStore

优雅的大白鹅·2024-08-28 19:03

Zustand：简化状态管理的现代React状态库

Zustand：简化状态管理的现代React状态库Zustand是一个用于管理状态的现代React状态库。

爱编程的鱼·2024-02-10 14:43

react状态管理器-zustand

特性不需要像redux那样在最外层包裹一层高阶组件，只绑定对应关联组件即可（当在其他组件/方法修改状态后，该组件会自动更新）异步处理也较为简单，与普通函数用法相同支持hook组件使用、组件外使用提供middleware拓展能力（redux、devtools、combine、persist）可通过https://github.com/mweststrate/immer拓展能力（实现嵌套更新、日志打印

sssgoEasy·2024-02-04 08:21

react 之 zustand

zustand可以说是redux的平替官网地址：https://zustand-demo.pmnd.rs/1.安装npmizustand2.基础使用//zustandimport{create}from'zustand

jiojio在学习勒·2024-02-02 19:26

React状态管理Zustand简单介绍和使用

Zustand是一个简单且轻量级的状态管理库，适用于React应用程序。它基于React的ContextAPI和Hooks，提供了一种简单的方式来管理共享状态。

KingDol_MIni·2024-02-02 19:54

React 页面缓存 keep-Alive

搭建好状态管理器（这里用zustand）；//index.tsximportpageKeepAlivefrom'.

肉松圆圆·2024-01-22 11:00

Zustand 状态管理

Zustand状态管理安装创建Store给Store添加TS类型约束在页面使用Store返回Store中所有状态在Store中使用async异步方法使用ImmerMiddleware(中间件)更新深层嵌套的

OooooYi·2024-01-14 16:44

zustand状态管理工具（react）

分别创建文件continue.js、shoes.js1、continue.jsimportcreatefrom'zustand'import{persist}from'zustand/middleware'exportdefaultcreate

Joey_iSleepy·2024-01-14 01:44

zustand 搞定 react 中复杂状态管理

Zustand是一个轻量级的、无依赖的状态库，适用于React和函数式编程。它提供了一个简单、灵活的方式来管理应用程序的状态。

天問_·2023-12-23 13:34

React + valtio 响应式状态管理

一、状态管理库dispatch流派(单向数据流-中心化管理)：redux、zustand、dva等响应式流派(中心化管理)：mobx、valtio等原子状态流派(原子组件化管理)：reco

天問_·2023-12-22 03:11

【react.js + hooks】基于事件机制的跨组件数据共享

当然了，有一些支持局部store的状态管理库，比如zustand，我们可以直接使用它来跨组件共享数据。不过本文将基于事件机制的原理带来一个新的协同方案。目标vue3中有provide和in

Evanpatchouli℃·2023-12-19 00:34

zustand使用

安装npminstallzustand对于简单的状态（一层）定义E:\next-blog\zustandtest\store\index.tsimport{create}from'zustand'interfaceState

活着Viva·2023-12-14 22:07

zustand状态管理器使用汇总

1.初步使用介绍//1.安装zustandnpminstallzustand//2.创建store使用import{create}from"zustand";exportconstuseBearStore

怕冷的火焰（~杰）·2023-12-01 05:18

electron27-react-mateos：基于electron+react18仿matePad桌面系统

electron-react-mateos基于最新前端跨端技术栈electron27.x+react18+arco-design+zustand4+sortablejs构建的一款仿制matePad界面多层级路由管理

xiaoyan_2018·2023-11-24 09:07

react: zustand数据缓存

react状态库包括zustand、Redux、Valtio、Jotai和Recoil。定义和使用//main.tsimport'.

小强有个dream·2023-11-09 11:07

zustand状态管理源码解析（一）

关于react状态管理工具库有很多，比较出名的有redux、mobx，这两款工具库使用相对来说比较广泛，今天我们所要了解的是一个比较小而精美的状态管理工具库zustand，截止目前为止有17+的start

kanade_hu·2023-11-08 04:42

react状态管理工具-zustand

zustand最方便的一点是不需要想redux，context那样通过Provider注入value的形式，而且不用区分同步操作异步操作，极其简单的切片化管理直接上使用教程//定义,可通过create创建多个不同实例

这也能运行？·2023-11-08 04:41

使用最新版vite搭一个react 18项目

18.2.0、[email protected]、[email protected]、[email protected]、[email protected]、[email protected]、[email protected]、zustand

张大炮y·2023-11-08 04:40

精读《zustand 源码》

zustand是一个非常时髦的状态管理库，也是2021年Star增长最快的React状态管理库。它的理念非常函数式，API设计的很优雅，值得学习。概述首先介绍zustand的使用方法。

黄子毅·2023-11-08 04:40

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

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

AwesomeDevin·2023-11-08 04:10

zustand管理工具--React

函数参数必须返回一个对象对象内部编写状态数据和方法2.set是用来修改数据的专门方法必须调用它来修改数据import{useEffect}from"react";import{create}from"zustand

poguanba·2023-11-08 04:09

React项目中使用zustand状态管理详细教程

zustand是一个用于状态管理的小巧而强大的库，它与React非常兼容。以下是使用zustand在React项目中进行状态管理的详细教程：步骤1：安装zustand首先，你需要安装zustand。

我是 · 闪电·2023-10-25 11:29

基于react18+vite4.x仿微信|react-chat聊天室

ReactChat聊天IM实例|react18.x仿微信App基于最新构建工具Vite4.x创建react18聊天项目，使用了react18+react-dom+react-vant+zustand等技术架构开发

xiaoyan_2018·2023-10-18 07:47

react18-webchat：基于react+arco+zustand仿微信客户端聊天实例

基于react18hooks+vite4.x+arcodesign+zustand等技术架构实现仿微信web版聊天实例。