• 2024-10-26Zustand介绍与使用 React状态管理工具
    文章目录前言基本使用编写状态加方法在组件中使用异步方法操作中间件简化状态获取优化性能持久化保存前言在现代前端开发中,状态管理一直是一个关键的挑战。随着应用规模的扩大,组件间的状态共享变得愈加复杂。为了应对这一需求,开发者们逐渐寻找更加轻量、灵活的
  • 2024-09-22使用 Zustand 简化 React Native 中的状态管理
    状态管理是现代应用程序开发的一个重要方面,在reactnative中,有效管理状态可以显着提高应用程序的性能和可维护性。zustand是react的简约状态管理库,为处理reactnative应用程序中的状态提供了一个优雅而简单的解决方案。在本博客中,我们将探讨zustand、它的工作原理以及为
  • 2024-08-26用Zustand实现组件级状态管理的最佳实践
    在前文中,我们介绍了Zustand这个简单、易用、轻量的状态管理框架。通常情况下,状态管理通常都是全局的,可以在应用的任意地方访问。然而,这样的做法是否真的符合最佳实践呢?如果从马克思的角度来看,任何片面的观点都是不全面的。事实上,有些时候我们只想创建页面级别或者组件级别的状态
  • 2024-07-08两张图带你全面了解React状态管理库:zustand和jotai
    zustand和jotai是当下比较流行的react状态管理库。其都有着轻量、方便使用,和reacthooks能够很好的搭配,并且性能方面,对比React自身提供的context要好得多,因此被很多开发小伙伴所喜爱。更有意思的是,这两个库的作者是同一个人,同时他还开源了另外一个状态库valtio,并没来得及研究
  • 2024-07-05zustand Auto Generating Selectors/ts-pattern/swr/TypeScript在monorepo项目中实现即时更新/monorepo docker/turb 使
    zustandAutoGeneratingSelectorshttps://docs.pmnd.rs/zustand/guides/auto-generating-selectorsts-pattern替换匹配组件代swrTypeScript在monorepo项目中实现即时更新https://colinhacks.com/essays/live-types-typescript-monorepomonorepodocker项目名:my-project
  • 2024-06-16React 使用 Zustand 详细教程
    前言Redux、MobX和ContextAPI等技术的存在,使得管理大型应用的状态变得更加可行。本教程要深入探讨的是Zustand——一个极简且高效的状态管理库,详细介绍如何在React项目中使用Zustand来管理状态。什么是Zustand?Zustand是一个简单、小体积(只有不到1kB)且性能优
  • 2024-03-29使用 CRXJS、Vite、TypeScript、React、Zustand、Antd 开发 Chrome 浏览器插件——自带热加载,无需手动配置 vite.config.ts 文件
    一、CRXJS一、什么是CRXJS?CRXJSVitePlugin是一款使用现代Web开发技术制作Chrome扩展的工具二、CRXJS的作用CRXJS支持热加载和静态资源导入,无需手动构建配置工具CRXJSVite插件通过将Vite的精细功能与简单的配置策略相结合,简化了Chrome扩展开发者体验二
  • 2024-03-23const [increaseBigCats, increaseSmallCats] = useCatStore( (state) => [state.increaseBigCats, stat
    const[increaseBigCats,increaseSmallCats]=useCatStore((state)=>[state.increaseBigCats,state.increaseSmallCats],shallow);这段代码是在使用zustand这个React状态管理库。zustand提供了一种简洁的方式来创建可复用的状态存储,并允许组件通过hoo
  • 2024-03-16React — zustand状态管理工具
    zustand是一个用于状态管理的简单而强大的库,它可以与React一起使用。它提供了一种简单的方式来管理组件的状态,并且遵循了ReactHooks的使用规范。使用zustand可以方便地创建和共享状态,同时还能够实现状态的订阅和更新。通过zustand,你可以创建自定义的状态钩子,并在组件中
  • 2024-03-15除了Redux能不能使用zustand作为局部作用域的数据统一存储
    当然可以。Zustand作为一个轻量级的状态管理库,非常适合用来作为局部作用域的数据统一存储方案。相较于Redux,它更注重简洁性和易用性,并且充分利用了ReactHooks的特性。在使用Zustand时,你可以创建多个独立的store来管理不同组件或模块的本地状态。每个store都是自包含
  • 2023-12-24手写一个 Zustand,只要 60 行
    提到状态管理,大家可能首先想到的是redux。redux是老牌状态管理库,能完成各种基本功能,并且有着庞大的中间件生态来扩展额外功能。但redux经常被人诟病它的使用繁琐。近两年,React社区出现了很多新的状态管理库,比如zustand、jotai、recoil等,都完全能替代redux,而且更简单。zusta
  • 2023-10-17React-Admin后台管理模板|react18+arco+zustand后台解决方案
    基于react18.x+vite4+arco-design自研中后台管理系统解决方案ReactAdmin。react-vite-admin基于vite4搭建react18.x后台管理项目。使用了react18hooks+arco.design+zustand+bizcharts等技术实现权限管理模板框架。支持暗黑/亮色主题、i18n国际化、动态权限鉴定、3种布局模板、t
  • 2023-10-11react native使用zustand进行状态管理
    1.安装:#NPMnpminstallzustand#Yarnyarnaddzustand2.创建store:import{create}from"zustand";constuseStore=create((set)=>({count:0,str:"",addCount:()=>set((state)=>({count:state.count+1})
  • 2023-10-05Zustand与Redux
    ZustandZustand是一个非常小巧(只有约1KB大小)的状态管理库,设计理念上更倾向于简洁、易用。它可以让你在全局范围内创建和使用状态。Zustand的API及其简单,甚至可以用一行代码创建一个store。Zustand的主要优点包括:没有多余的概念和引导,API简单,易上手新建的状态无需