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