/*! For license information please see de4a4f3f.cd1b6743.js.LICENSE.txt */
"use strict";(self.webpackChunkweb_totals=self.webpackChunkweb_totals||[]).push([[1539],{45574:(e,t,a)=>{a.r(t),a.d(t,{assets:()=>u,contentTitle:()=>o,default:()=>l,frontMatter:()=>r,metadata:()=>i,toc:()=>c});var n=a(85893),s=a(11151);const r={sidebar_position:3,title:"Redux",comment:!0,tags:["Reactjs","State management","Redux"]},o=void 0,i={id:"reactjs/state-management/redux",title:"Redux",description:"Demo",source:"@site/issues/reactjs/state-management/redux.mdx",sourceDirName:"reactjs/state-management",slug:"/reactjs/state-management/redux",permalink:"/issues/reactjs/state-management/redux",draft:!1,unlisted:!1,editUrl:"https://github.com/hunghg255/web-totals/tree/main/issues/reactjs/state-management/redux.mdx",tags:[{label:"Reactjs",permalink:"/issues/tags/reactjs"},{label:"State management",permalink:"/issues/tags/state-management"},{label:"Redux",permalink:"/issues/tags/redux"}],version:"current",sidebarPosition:3,frontMatter:{sidebar_position:3,title:"Redux",comment:!0,tags:["Reactjs","State management","Redux"]},sidebar:"tutorialSidebar",previous:{title:"Context API Faster",permalink:"/issues/reactjs/state-management/context-fast"},next:{title:"Recoil",permalink:"/issues/reactjs/state-management/recoil"}},u={},c=[{value:"Demo",id:"demo",level:2}];function m(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/reduxjs/redux",children:"Redux"})}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.a,{href:"https://github.com/hunghg255/reactjs-state-management/tree/master/redux",children:"Source"})}),"\n",(0,n.jsx)("video",{src:"https://res.cloudinary.com/hunghg255/video/upload/v1679509670/blog/redux_xaw2j8.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)(m,{...e})}):m(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 c(e,t,a){var n,r={},c=null,m=null;for(n in void 0!==a&&(c=""+a),void 0!==t.key&&(c=""+t.key),void 0!==t.ref&&(m=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:c,ref:m,props:r,_owner:i.current}}t.Fragment=r,t.jsx=c,t.jsxs=c},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)}}}]);