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