/*! For license information please see 520a7464.77d8f3a2.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[2361],{41710:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>u,contentTitle:()=>o,default:()=>l,frontMatter:()=>r,metadata:()=>i,toc:()=>m});var n=a(85893),s=a(11151);const r={sidebar_position:6,title:"Zustand",comment:!0,tags:["Reactjs","State management","Zustand"]},o=void 0,i={id:"reactjs/state-management/zustand",title:"Zustand",description:"Demo",source:"@site/issues/reactjs/state-management/zustand.mdx",sourceDirName:"reactjs/state-management",slug:"/reactjs/state-management/zustand",permalink:"/issues/reactjs/state-management/zustand",draft:!1,unlisted:!1,editUrl:"https://github.com/hunghg255/web-totals/tree/main/issues/reactjs/state-management/zustand.mdx",tags:[{label:"Reactjs",permalink:"/issues/tags/reactjs"},{label:"State management",permalink:"/issues/tags/state-management"},{label:"Zustand",permalink:"/issues/tags/zustand"}],version:"current",sidebarPosition:6,frontMatter:{sidebar_position:6,title:"Zustand",comment:!0,tags:["Reactjs","State management","Zustand"]},sidebar:"tutorialSidebar",previous:{title:"Jotai",permalink:"/issues/reactjs/state-management/jotai"},next:{title:"Valtio",permalink:"/issues/reactjs/state-management/valtio"}},u={},m=[{value:"Demo",id:"demo",level:2}];function c(e){const t={a:"a",h2:"h2",p:"p",...(0,s.a)(),...e.components};return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h2,{id:"demo",children:"Demo"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/pmndrs/zustand",children:"Zustand"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/hunghg255/reactjs-state-management/tree/master/zustand",children:"Source"})}),"\n",(0,n.jsx)("video",{src:"https://res.cloudinary.com/hunghg255/video/upload/v1679507002/blog/zustand_atdmp9.mov",loop:!0,muted:!0,controls:!0,autoplay:!0})]})}function l(e={}){const{wrapper:t}={...(0,s.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(c,{...e})}):c(e)}},75251:(e,t,a)=>{var n=a(67294),s=Symbol.for("react.element"),r=Symbol.for("react.fragment"),o=Object.prototype.hasOwnProperty,i=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,u={key:!0,ref:!0,__self:!0,__source:!0};function m(e,t,a){var n,r={},m=null,c=null;for(n in void 0!==a&&(m=""+a),void 0!==t.key&&(m=""+t.key),void 0!==t.ref&&(c=t.ref),t)o.call(t,n)&&!u.hasOwnProperty(n)&&(r[n]=t[n]);if(e&&e.defaultProps)for(n in t=e.defaultProps)void 0===r[n]&&(r[n]=t[n]);return{$$typeof:s,type:e,key:m,ref:c,props:r,_owner:i.current}}t.Fragment=r,t.jsx=m,t.jsxs=m},85893:(e,t,a)=>{e.exports=a(75251)},11151:(e,t,a)=>{a.d(t,{Z:()=>i,a:()=>o});var n=a(67294);const s={},r=n.createContext(s);function o(e){const t=n.useContext(r);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function i(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(s):e.components||s:o(e.components),n.createElement(r.Provider,{value:t},e.children)}}}]);