Zustand

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

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

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

推荐：Zustand——简单高效的React状态管理库zustandpmndrs/zustand: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版聊天实例。
xiaoyan_2018·2023-10-18 07:47

基于react18+arco+zustand通用后台管理系统React18Admin

使用了react+arco-design+zustand+bizcharts等技术架构非凡后台管理框架。
xiaoyan_2018·2023-10-18 07:04

[React] Zustand状态管理库

文章目录1.Zustand介绍2.创建一个store3.使用方法3.1获取状态3.2更新状态3.3访问存储状态3.4处理异步数据3.5在状态中访问和存储数组3.6持续状态4.总结1.Zustand介绍状态管理一直是现代程序应用中的重要组成部分
959y·2023-10-02 16:52

next做多端适配

在next项目中做多端适配我的思路主要是用全局状态管理zustand来存储isMobile.
实习小子·2023-09-28 17:56

useContext

3、Mobx，Redux，Saga，DVA,ZuStand是比较常见的，也有redux-saga,react-redux等4、在Redux中，异步操作需要借助第三方库reduc-thunk、redux-promise
每天吃饭的羊·2023-09-19 08:02

react18+arco网页聊天室|react hooks高仿微信聊天

一、项目介绍react18聊天项目ReactChat基于vite4+react18+acrodesign+zustand等技术架构实现开发仿微信电脑端界面聊天实例。
·2023-09-12 13:41

zustand实践与源码阅读

日常使用：发布订阅、context、redux…zustand是一个轻量、快速、可扩展的状态管理库。目前在社区非常流行，现在github上有30K+的star。
爱你小前端·2023-09-10 09:32

2023再谈前端状态管理

单向数据流三大原则如何处理异步如何处理数据间联动优点缺点DvaicestoreMobx设计思想心智模型MobxvsRedux优点缺点Hooks时代自下而上模式的崛起Recoil简介设计思想核心方法优点能力对照表Zustand
chengbo_eva·2023-08-20 11:27

基于react18+react-vant仿微信聊天IM实例

技术框架开发工具：Vscode框架技术：react18+react-dom+vite4.xUI组件库：react-vant(有赞react移动端UI库)状态管理：zustand^4.3.9路由管理：react-router-dom
·2023-08-16 00:59

zustand：基于 Flux 模型实现的小型、快速和可扩展的状态管理

效果图微前端为什么你需要zustand-pub？
@Dai·2023-08-11 08:07

使用新版本react-native 0.71快速开发APP项目详细介绍(ts+zustand+react-navigation+react-native-vector-icons)

1.项目介绍使用新版本react-native0.71快速开发APP，初步实现了登录、首页、设置和一些demo模块，并自定义了一些通用组件。其中包含路由组件，文本框组件，单元格组件，按钮组件，表格组件和弹窗选择组件简单案列，这些组件都是最简单的实现，是给新手朋友参考学习的。后期可以根据自己需求拓展。本项目使用了比较新版本的rn框架（0.71），并且使用了ts框架开发。状态管理库没有使用reactr
搬砖狗-小强·2023-08-08 06:16

zustand入门

目录介绍更新状态state浅合并嵌套对象使用Immer库更新嵌套对象不可变的state和合并受Flux架构的启发推荐的使用模式自动生成selectors函数没有action的仓库如何更新state结合typescript使用Map和Set的使用切片模式介绍安装npminstallzustand创建与使用store是个hook,create函数的回调函数返回的值就是store,可以存放原始值,对象,
新时代的弩力·2023-07-16 03:05

基于zustand维护的一套跨框架(react/vue)跨应用的状态管理及共享方案

zustand-pub只要从事前端开发，不论是小程序还是web，都绕不开状态管理。众所周知，zustand是一套轻量、便捷、可拓展的状态管理方案，不论国内or国外，都备受喜爱，star数已接近3W。
AwesomeDevin·2023-06-16 18:35

再见了 Redux、Recoil、MobX、Zustand、Jotai 还有 Valtio，状态管理还可以这样做？

为什么要告别Redux、Recoil、MobX、Zustand、Jotai还有Valtio今天流行的状态管理库有很多，尤其在React中。
·2023-06-15 16:45

基于zustand维护的一套跨框架(react/vue)跨应用的状态管理及共享方案

zustand-pub只要从事前端开发，不论是小程序还是web，都绕不开状态管理。\众所周知，zustand是一套轻量、便捷、可拓展的状态管理方案，不论国内or国外，都备受喜爱，star数已接近3W。
·2023-06-15 16:52

再见了 Redux、Recoil、MobX、Zustand、Jotai 还有 Valtio，状态管理还可以这样做？

为什么要告别Redux、Recoil、MobX、Zustand、Jotai还有Valtio今天流行的状态管理库有很多，尤其在React中。
·2023-06-06 21:30

Zustand: 一个轻量、现代的状态管理库

翻译自Zustand:simple,modernstatemanagementforReact,本人英语水平一般,借助了谷歌翻译和自己的理解,大概翻译出了全文,如有错误,请谅解,下面所有代码可以查看codesandbox
YM雨蒙·2023-04-09 07:18

给前端快速上手摸鱼一把主流状态管理库，这家伙真香

除了热门库Redux、Mobx、Recoil、Zustand等之外，React的正式版也来到了v17，useState、useReducer、useContext等状态管理相关hook的概念和应用也逐渐深入人心
懒人码农·2023-02-06 07:10

更强大的React 状态管理库Zustand使用详解

目录介绍创建项目项目安装项目依赖创建项目结构设置环境变量服务设置store清除/重置存储介绍在这篇文章中，我会介绍Zustand在实际项目中的使用。
·2022-10-09 19:03

react状态管理器-zustand

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

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

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

精读《zustand 源码》

zustand是一个非常时髦的状态管理库，也是2021年Star增长最快的React状态管理库。它的理念非常函数式，API设计的很优雅，值得学习。概述首先介绍zustand的使用方法。
·2022-01-24 09:24
上一页 1 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他