https://javascriptbit.com/component---src-pages-index-js-7fcd46d143d406e61d35.js

1"use strict";(self.webpackChunkjavascript_bit=self.webpackChunkjavascript_bit||[]).push([[9678],{259:function(e,t,n){n.d(t,{Zo:function(){return u},ah:function(){return s}});var r=n(9142);function a(e,t,n){return(t=(0,r.Z)(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=n(7294);function o(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?o(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):o(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=i.createContext({});function s(e){var t=i.useContext(c);return i.useMemo((function(){return"function"==typeof e?e(t):l(l({},t),e)}),[t,e])}var m={};function u(e){var t,n=e.components,r=e.children;return t=e.disableParentContext?"function"==typeof n?n({}):n||m:s(n),i.createElement(c.Provider,{value:t},r)}},2198:function(e,t,n){n.d(t,{Z:function(){return c}});var r=n(7294),a=n(3688),i=n(259);var o=function(){var e=r.useState(null),t=e[0],n=e[1];r.useEffect((function(){var e=document.documentElement.getAttribute("data-theme")||"light";n(e)}),[]);return null===t?r.createElement("span",{style:{width:32,display:"inline-block"}}):r.createElement("button",{onClick:function(){var e="dark"===t?"light":"dark";n(e),document.documentElement.setAttribute("data-theme",e);try{localStorage.setItem("jsbit-theme",e)}catch(r){}},"aria-label":"dark"===t?"Switch to light mode":"Switch to dark mode",title:"dark"===t?"Light mode":"Dark mode",style:{background:"none",border:"none",cursor:"pointer",fontSize:"1.2rem",padding:"4px 8px",borderRadius:"6px",lineHeight:1,color:"inherit",opacity:.75,transition:"opacity 0.15s ease"},onMouseEnter:function(e){return e.currentTarget.style.opacity="1"},onMouseLeave:function(e){return e.currentTarget.style.opacity="0.75"}},"dark"===t?"☀️":"🌙")},l={FullscreenContainer:function(e){var t=e.child,n=(0,r.useState)(!1),a=n[0],i=n[1],o=(0,r.useCallback)((function(e){"Enter"===e.key?i(!a):"Escape"===e.key&&i(!1)}),[a]);return r.createElement("div",{className:"fullscreen "+(a?"active":"")},r.createElement("div",{className:"buttons-container"},r.createElement("span",{tabIndex:-1,role:"button",onClick:function(){return i(!a)},onKeyUp:o},r.createElement("img",{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNCAxNCIgd2lkdGg9IjE0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTUuMDAwMDAwLCAtMjU3LjAwMDAwMCkiPjxnIGlkPSJmdWxsc2NyZWVuIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTUuMDAwMDAwLCAyNTcuMDAwMDAwKSI+PHBhdGggZD0iTTIsOSBMMCw5IEwwLDE0IEw1LDE0IEw1LDEyIEwyLDEyIEwyLDkgTDIsOSBaIE0wLDUgTDIsNSBMMiwyIEw1LDIgTDUsMCBMMCwwIEwwLDUgTDAsNSBaIE0xMiwxMiBMOSwxMiBMOSwxNCBMMTQsMTQgTDE0LDkgTDEyLDkgTDEyLDEyIEwxMiwxMiBaIE05LDAgTDksMiBMMTIsMiBMMTIsNSBMMTQsNSBMMTQsMCBMOSwwIEw5LDAgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+",alt:"Toggle Full Screen",color:"currentColor"}))),t)}},c=function(e){var t,n=e.location,c=e.title,s=e.children,m="/"===n.pathname,u=r.useState(2024),d=u[0],p=u[1];return r.useEffect((function(){p((new Date).getFullYear())}),[]),t=m?r.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},r.createElement("h1",{className:"main-heading"},r.createElement(a.Link,{to:"/"},c)),r.createElement(o,null)):r.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},r.createElement(a.Link,{className:"header-link-home",to:"/"},c),r.createElement(o,null)),r.createElement(i.Zo,{components:l},r.createElement("div",{className:"global-wrapper","data-is-root-path":m},r.createElement("header",{className:"global-header"},t),r.createElement("main",null,s),r.createElement("footer",null,"© ",d,", Built with"," ",r.createElement("a",{href:"https://www.gatsbyjs.com"},"Gatsby"))))}},9357:function(e,t,n){var r=n(7294),a=n(3688);t.Z=function(e){var t,n,i,o=e.description,l=e.title,c=e.children,s=(0,a.useStaticQuery)("2841359383").site,m=o||s.siteMetadata.description,u=null===(t=s.siteMetadata)||void 0===t?void 0:t.t

1itle;return r.createElement(r.Fragment,null,r.createElement("title",null,u?l+" | "+u:l),r.createElement("meta",{name:"description",content:m}),r.createElement("meta",{property:"og:title",content:l}),r.createElement("meta",{property:"og:description",content:m}),r.createElement("meta",{property:"og:type",content:"website"}),r.createElement("meta",{name:"twitter:card",content:"summary"}),r.createElement("meta",{name:"twitter:creator",content:(null===(n=s.siteMetadata)||void 0===n||null===(i=n.social)||void 0===i?void 0:i.twitter)||""}),r.createElement("meta",{name:"twitter:title",content:l}),r.createElement("meta",{name:"twitter:description",content:m}),c)}},6558:function(e,t,n){n.r(t),n.d(t,{Head:function(){return s}});var r=n(7294),a=n(3688),i=n(2198),o=n(9357),l={"browser-concurrency":{title:"Browser Concurrency",description:"A practical guide to sharing data and coordinating work across browser threads — tabs, workers, and shared memory."},"frontend-system-design":{title:"Frontend System Design Interview Prep",description:"A complete guide to acing frontend system design interviews — from the RADIO framework to real-world component designs asked at FAANG."}},c=["frontend-system-design","browser-concurrency"];t.default=function(e){var t,n=e.data,o=e.location,s=(null===(t=n.site.siteMetadata)||void 0===t?void 0:t.title)||"Title",m=n.allMdx.nodes,u={};return m.forEach((function(e){var t=e.frontmatter.series;t&&(u[t]=(u[t]||0)+1)})),0===m.length?r.createElement(i.Z,{location:o,title:s},r.createElement("p",null,'No blog posts found. Add markdown posts to "content/blog" (or the directory you specified for the "gatsby-source-filesystem" plugin in gatsby-config.js).')):r.createElement(i.Z,{location:o,title:s},c.some((function(e){return u[e]}))&&r.createElement("section",{"aria-labelledby":"series-heading",style:{marginBottom:"2.5rem"}},r.createElement("h2",{id:"series-heading",style:{fontFamily:"var(--fontFamily-sans, system-ui, sans-serif)",fontSize:"var(--fontSize-2, 1.2rem)",fontWeight:700,color:"var(--color-text-light, #4f5969)",textTransform:"uppercase",letterSpacing:"0.08em",marginBottom:"1rem",marginTop:0}},"Series"),c.filter((function(e){return u[e]})).map((function(e){var t=l[e],n=u[e]||0;return r.createElement("div",{key:e,className:"series-card"},r.createElement("h3",null,r.createElement(a.Link,{to:"/series/"+e+"/",style:{color:"inherit",textDecoration:"none"}},t.title)),r.createElement("p",{className:"series-desc"},t.description),r.createElement("p",{className:"series-meta"},n," article",1!==n?"s":""," ·"," ",r.createElement(a.Link,{to:"/series/"+e+"/",style:{color:"#4f46e5",fontWeight:600}},"View series →")))}))),r.createElement("ol",{style:{listStyle:"none"}},m.map((function(e){var t=e.frontmatter.title||e.fields.slug;return r.createElement("li",{key:e.fields.slug},r.createElement("article",{className:"post-list-item",itemScope:!0,itemType:"http://schema.org/Article"},r.createElement("header",null,r.createElement("h2",null,r.createElement(a.Link,{to:e.fields.slug,itemProp:"url"},r.createElement("span",{itemProp:"headline"},t))),r.createElement("small",null,e.frontmatter.category&&r.createElement("span",{className:"category-pill"},e.frontmatter.category),e.frontmatter.date)),r.createElement("section",null,r.createElement("p",{itemProp:"description"},e.frontmatter.description))))}))))};var s=function(){return r.createElement(o.Z,{title:"All posts"})}}}]);
2//# sourceMappingURL=component---src-pages-index-js-7fcd46d143d406e61d35.js.map