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