https://javascriptbit.com/component---src-templates-blog-post-js-c…javascript-index-md-6375153bee49c8356371.js

1"use strict";(self.webpackChunkjavascript_bit=self.webpackChunkjavascript_bit||[]).push([[5352],{1494:function(e,t,n){n.r(t),n.d(t,{Head:function(){return g},default:function(){return p}});var a=n(1151),l=n(7294);function r(e){const t=Object.assign({span:"span",h2:"h2",p:"p",ol:"ol",li:"li",a:"a",blockquote:"blockquote",strong:"strong",hr:"hr",em:"em",h3:"h3"},(0,a.ah)(),e.components);return l.createElement(l.Fragment,null,l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<span\n      class="gatsby-resp-image-wrapper"\n      style="position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; "\n    >\n      <a\n    class="gatsby-resp-image-link"\n    href="/static/833fa9b4297875ee574ce9291e3690d1/2bef9/event-loop.png"\n    style="display: block"\n    target="_blank"\n    rel="noopener"\n  >\n    <span\n    class="gatsby-resp-image-background-image"\n    style="padding-bottom: 75.31645569620254%; position: relative; bottom: 0; left: 0; background-image: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAACmklEQVQ4y5VTPZPSUBTN7/AnWfgH1NHKxnFmLSxdLbRxLWx2K0dLK0sbd4CFJAshIUBCguDirKNLSAgksHyEEN5x7gOyqGvhm7nzvpLzzrn3XAH/MRhj6Xq1YthuaV7vGYT5fA7XdeF53iZ8uJ4Pz+vvnHmIoigFvQJOALZYz5shFItFlEolNBoN1OsGjLoGu1GGUa/wvWmaUFUV5XJ5w2xFsHDcFUw7hKp3YX0Z4dv3BOPLFQT6eLFYpC8s/LfoaPcRDT7syFtx0K08Gs9fB7h1z8PdRz5uP+zj5p0esvJ8DTgej9Ofz/Q9HL64ga/6/gYswXQ6RaVSge/7qNZqcN0uPn6K8OxgiFdHIQ6OQrx8E8JsLiCQlMlkkgJGYR6T3jvEE+XqLIqgaRpfx/GSnsHh+zEePPGx93SAx/sDvlb0CAK9TEXpXvzE+fk5wtGM/zidxWg2m2i32wiCgDPclazVIxznZ8jJcx6f8zNcOMu15Gw2B6mow6gZEMUCptNLlEpFWJYN27aRy+Wg6/o1Vf57CLIsIZsXceYCpbCIjHIM3xvAsqz0o0KhsFMUlvowSX4P7kNZklCk/HR/YNauoWKb8L0+Z9Tr9eA4DjFkG8mMbRDZNTQ5oCRJKJUVjPwZMEtgNhro9/uoVqvc0JRfkqyqKsdIkiQFi+MYy+WSxxZfECUZmipD1hIEE8A0q3BdjxeBgAk0k8kwRVFozxzHYQRAhOieVFBsnSJQl1CObMuA1TBBnUPteHp6ik0XsWw2y4hxp9NhhmFwwGazyVqtFts6wTAM7lOBciWKIkRRQj6f5y1Wq9V4O56cnPAzSZIIiAzORqMRI9lBEDCK4XCIMAw5GBERqK3IuJQPClrTBbUjMdme/VGEf/rmF31wTd3AVy7ZAAAAAElFTkSuQmCC\'); background-size: cover; display: block;"\n  ></span>\n  <img\n        class="gatsby-resp-image-image"\n        alt="Event Loop"\n        title="Source: https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5"\n        src="/static/833fa9b4297875ee574ce9291e3690d1/f058b/event-loop.png"\n        srcset="/static/833fa9b4297875ee574ce9291e3690d1/c26ae/event-loop.png 158w,\n/static/833fa9b4297875ee574ce9291e3690d1/6bdcf/event-loop.png 315w,\n/static/833fa9b4297875ee574ce9291e3690d1/f058b/event-loop.png 630w,\n/static/833fa9b4297875ee574ce9291e3690d1/40601/event-loop.png 945w,\n/static/833fa9b4297875ee574ce9291e3690d1/2bef9/event-loop.png 1024w"\n        sizes="(max-width: 630px) 100vw, 630px"\n        style="width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"\n        loading="lazy"\n        decoding="async"\n      />\n  </a>\n    </span>'}}),"\n",l.createElement(t.h2,null,"What is the ",l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<code class="language-text">Event Loop</code>'}})," in JavaScript?"),"\n",l.createElement(t.p,null,"More often than not, we don't need to understand this core concept of JavaScript. We can go on our merry way of developing Web Applications and Websites without understanding this. But at times, there are situations (ahem interviews) that might ask you to elaborate on what the ",l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<code class="language-text">Event Loop</code>'}})," is. Or simply if you wanted to understand how JavaScript works behind the scenes."),"\n",l.createElement(t.p,null,"After reading this article, you'll be able to answer the following questions easily:"),"\n",l.createElement(t.ol,null,"\n",l.createElement(t.li,null,"What happens when we execute JavaScript code?"),"\n",l.createElement(t.li,null,"How does the Event Loop handle work?"),"\n"),"\n",l.createElement(t.h2,null,"Event Loop"),"\n",l.createElement(t.p,null,"Here's what MDN says about the ",l.createElement(t.a,{href:"https://developer.mozilla.org/en-US/docs/Web/JavaScript/EventLoop"},"Event Loop"),"."),"\n",l.createElement(t.blockquote,null,"\n",l.createElement(t.p,null,"JavaScript has a concurrency model based on an event loop, which is responsible for executing the code, collecting and processing events, and executing queued sub-tasks. This model is quite different from models in other languages like C and Java."),"\n"),"\n",l.createElement(t.p,null,"When I first read this, I was like, there are too many things that I don't know. Let's talk about them one by one.\nThere are ",l.createElement(t.strong,null,"four key terms")," needed to explain the Event Loop:"),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,null,"1. ",l.createElement(t.em,null,"Concurrency Model")),"\n",l.createElement(t.p,null,"According to ",l.createElement(t.a,{href:"https://web.mit.edu/6.005/www/fa14/classe

1s/17-concurrency/"},"MIT"),":"),"\n",l.createElement(t.blockquote,null,"\n",l.createElement(t.p,null,"Concurrency means multiple computations are happening at the same time."),"\n"),"\n",l.createElement(t.p,null,l.createElement(t.em,null,"Basically, a ",l.createElement(t.strong,null,"Concurrency Model")," is just a ",l.createElement(t.strong,null,"defined way")," of ",l.createElement(t.strong,null,"managing multiple tasks")," (concurrency) inside a Computer.")),"\n",l.createElement(t.h3,null,l.createElement(t.em,null,"What's the ",l.createElement(t.strong,null,"Concurrency Model")," that a browser follows?")),"\n",l.createElement(t.p,null,"The browsers ",l.createElement(t.strong,null,"Concurrency Model")," is ",l.createElement(t.em,null,"the")," ",l.createElement(t.strong,null,l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<code class="language-text">Event Loop</code>'}})),"."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,null,"2. ",l.createElement(t.em,null,"Executing the code")),"\n",l.createElement(t.p,null,"The Call Stack is a part of the Event Loop which is responsible for executing the code."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,null,"3. ",l.createElement(t.em,null,"Collecting and processing events")),"\n",l.createElement(t.p,null,"An event is also known as a message and it's just a function callback.\nAny new event that comes in to be executed is pushed into the Callback queue."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,null,"4. ",l.createElement(t.em,null,"Executing queued sub-tasks")),"\n",l.createElement(t.p,null,"The Event Loop monitors the Call Stack and the Callback Queue. When the Call Stack is empty, it will take an event (which is just a callback) from the Callback Queue and push it on to the Call Stack. It is only then that the Call Stack is executes the event."),"\n",l.createElement(t.p,null,"One such iteration is called a ",l.createElement(t.strong,null,"tick"),"."),"\n",l.createElement(t.hr),"\n",l.createElement(t.h2,null,"Conclusion"),"\n",l.createElement(t.p,null,"Here's a graphical representation of the ",l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<code class="language-text">Event Loop</code>'}}),".\n",l.createElement(t.span,{dangerouslySetInnerHTML:{__html:'<span\n      class="gatsby-resp-image-wrapper"\n      style="position: relative; display: block; margin-left: auto; margin-right: auto; max-width: 630px; "\n    >\n      <a\n    class="gatsby-resp-image-link"\n    href="/static/833fa9b4297875ee574ce9291e3690d1/2bef9/event-loop.png"\n    style="display: block"\n    target="_blank"\n    rel="noopener"\n  >\n    <span\n    class="gatsby-resp-image-background-image"\n    style="padding-bottom: 75.31645569620254%; position: relative; bottom: 0; left: 0; background-image: url(\'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAPCAYAAADkmO9VAAAACXBIWXMAAAsTAAALEwEAmpwYAAACmklEQVQ4y5VTPZPSUBTN7/AnWfgH1NHKxnFmLSxdLbRxLWx2K0dLK0sbd4CFJAshIUBCguDirKNLSAgksHyEEN5x7gOyqGvhm7nzvpLzzrn3XAH/MRhj6Xq1YthuaV7vGYT5fA7XdeF53iZ8uJ4Pz+vvnHmIoigFvQJOALZYz5shFItFlEolNBoN1OsGjLoGu1GGUa/wvWmaUFUV5XJ5w2xFsHDcFUw7hKp3YX0Z4dv3BOPLFQT6eLFYpC8s/LfoaPcRDT7syFtx0K08Gs9fB7h1z8PdRz5uP+zj5p0esvJ8DTgej9Ofz/Q9HL64ga/6/gYswXQ6RaVSge/7qNZqcN0uPn6K8OxgiFdHIQ6OQrx8E8JsLiCQlMlkkgJGYR6T3jvEE+XqLIqgaRpfx/GSnsHh+zEePPGx93SAx/sDvlb0CAK9TEXpXvzE+fk5wtGM/zidxWg2m2i32wiCgDPclazVIxznZ8jJcx6f8zNcOMu15Gw2B6mow6gZEMUCptNLlEpFWJYN27aRy+Wg6/o1Vf57CLIsIZsXceYCpbCIjHIM3xvAsqz0o0KhsFMUlvowSX4P7kNZklCk/HR/YNauoWKb8L0+Z9Tr9eA4DjFkG8mMbRDZNTQ5oCRJKJUVjPwZMEtgNhro9/uoVqvc0JRfkqyqKsdIkiQFi+MYy+WSxxZfECUZmipD1hIEE8A0q3BdjxeBgAk0k8kwRVFozxzHYQRAhOieVFBsnSJQl1CObMuA1TBBnUPteHp6ik0XsWw2y4hxp9NhhmFwwGazyVqtFts6wTAM7lOBciWKIkRRQj6f5y1Wq9V4O56cnPAzSZIIiAzORqMRI9lBEDCK4XCIMAw5GBERqK3IuJQPClrTBbUjMdme/VGEf/rmF31wTd3AVy7ZAAAAAElFTkSuQmCC\'); background-size: cover; display: block;"\n  ></span>\n  <img\n        class="gatsby-resp-image-image"\n        alt="Event Loop"\n        title="Source: https://blog.sessionstack.com/how-javascript-works-event-loop-and-the-rise-of-async-programming-5-ways-to-better-coding-with-2f077c4438b5"\n        src="/static/833fa9b4297875ee574ce9291e3690d1/f058b/event-loop.png"\n        srcset="/static/833fa9b4297875ee574ce9291e3690d1/c26ae/event-loop.png 158w,\n/static/833fa9b4297875ee574ce9291e3690d1/6bdcf/event-loop.png 315w,\n/static/833fa9b4297875ee574ce9291e3690d1/f058b/event-loop.png 630w,\n/static/833fa9b4297875ee574ce9291e3690d1/40601/event-loop.png 945w,\n/static/833fa9b4297875ee574ce9291e3690d1/2bef9/event-loop.png 1024w"\n        sizes="(max-width: 630px) 100v

1w, 630px"\n        style="width:100%;height:100%;margin:0;vertical-align:middle;position:absolute;top:0;left:0;"\n        loading="lazy"\n        decoding="async"\n      />\n  </a>\n    </span>'}})),"\n",l.createElement(t.p,null,"The ",l.createElement(t.strong,null,"Event Loop")," is an infinite loop that keeps waiting for a queue (sometimes referred to as the ",l.createElement(t.strong,null,"Callback Queue")," or ",l.createElement(t.strong,null,"Event Queue"),") to be filled with tasks. As and when the callback queue gets filled up with a task, the ",l.createElement(t.strong,null,"Event Loop")," kicks in and removes the task based on ",l.createElement(t.strong,null,"FIFO (First In First Out)")," from the Callback Queue. It is then pushed on to the ",l.createElement(t.strong,null,"Call Stack")," which executes the task."))}var o=function(e){void 0===e&&(e={});const{wrapper:t}=Object.assign({},(0,a.ah)(),e.components);return t?l.createElement(t,e,l.createElement(r,e)):r(e)},s=n(1883),i=n(2198),c=n(9357),m=n(4992),u=n(6376);const d=e=>{var t;let{data:{previous:n,next:a,site:r,mdx:o},location:c,pageContext:d,children:g}=e;const p=(null===(t=r.siteMetadata)||void 0===t?void 0:t.title)||"Title",{seriesPosts:h}=d||{},E=o.fields;return l.createElement(i.Z,{location:c,title:p},l.createElement("article",{className:"blog-post",itemScope:!0,itemType:"http://schema.org/Article"},l.createElement("header",null,l.createElement("h1",{itemProp:"headline"},o.frontmatter.title),l.createElement("p",null,o.frontmatter.category&&l.createElement("span",{className:"category-pill"},o.frontmatter.category),o.frontmatter.date,(null==E?void 0:E.wordCount)>0&&l.createElement("span",{style:{marginLeft:"0.75rem",color:"inherit",opacity:.6}},"· ",Math.max(1,Math.round(E.wordCount/200))," min read"))),o.frontmatter.series&&h&&h.length>0&&l.createElement(u.Z,{seriesSlug:o.frontmatter.series,currentSlug:o.fields.slug,seriesPosts:h}),l.createElement("section",{itemProp:"articleBody"},g),l.createElement(m.Z),l.createElement("hr"),l.createElement("footer")),l.createElement("nav",{className:"blog-post-nav"},l.createElement("ul",{style:{display:"flex",flexWrap:"wrap",justifyContent:"space-between",listStyle:"none",padding:0}},l.createElement("li",null,n&&l.createElement(s.Link,{to:n.fields.slug,rel:"prev"},"← ",n.frontmatter.title)),l.createElement("li",null,a&&l.createElement(s.Link,{to:a.fields.slug,rel:"next"},a.frontmatter.title," →")))))},g=e=>{let{data:{mdx:t}}=e;return l.createElement(c.Z,{title:t.frontmatter.title,description:t.frontmatter.description||t.excerpt})};function p(e){return l.createElement(d,e,l.createElement(o,e))}},6376:function(e,t,n){var a=n(5785),l=n(7294),r=n(1883);const o={"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."}};t.Z=e=>{let{seriesSlug:t,currentSlug:n,seriesPosts:s}=e;if(!t||!s||0===s.length)return null;const i=o[t]||{title:t,description:""},c=(0,a.Z)(s).sort(((e,t)=>e.seriesOrder-t.seriesOrder)),m=c.findIndex((e=>e.slug===n)),u=m>=0?"Part "+(m+1)+" of "+c.length:c.length+" articles";return l.createElement("nav",{"aria-label":i.title+" series navigation",style:{borderLeft:"4px solid #4f46e5",background:"#f0f4ff",borderRadius:"0 6px 6px 0",padding:"1rem 1.25rem",marginBottom:"2rem",fontFamily:"var(--fontFamily-sans, system-ui, sans-serif)"}},l.createElement("p",{style:{margin:"0 0 0.75rem 0",fontSize:"0.95rem",fontWeight:700,color:"#1e1b4b",letterSpacing:"-0.01em"}},"📚 ",i.title," — ",u),l.createElement("ol",{style:{listStyle:"none",padding:0,margin:"0 0 0.75rem 0"}},c.map(((e,t)=>{const a=e.slug===n,o=t<m,s={marginBottom:"0.35rem",fontSize:"0.9rem",display:"flex",alignItems:"baseline",gap:"0.4rem"},i=a?"→":o?"✓":"  ",c={flexShrink:0,width:"1.2em",color:a?"#4f46e5":o?"#6b7280":"#9ca3af",fontWeight:a?700:400};return a?l.createElement("li",{key:e.slug,style:s,"aria-current":"page"},l.createElement("span",{style:c},i),l.createElement("strong",{style:{color:"#1e1b4b"}},t+1,". ",e.title)):l.createElement("li",{key:e.slug,style:s},l.createElement("span",{style:c},i),l.createElement(r.Link,{to:e.slug,style:{color:o?"#6b7280":"#4f46e5",textDecoration:"none"}},t+1,". ",e.title))}))),l.createElement(r.Link,{to:"/series/"+t+"/",style:{fontSize:"0.85rem",color:"#4f46e5",textDecoration:"none",fontWeight:600}},"View all articles in this series →"))}},4992:function(e,t,n){var a=n(7294);t.Z=()=>{const{0:e,1:t}=(0,a.useState)(!1);(0,a.useEffect)((()=>{sessionStorage.getItem("hideKofi")&&t(!0)}),[]);return e?null:a.createElement(a.Fragment,null,a.createElement("a",{target:"_blank",rel:"noreferrer",href:"https://ko-fi.com/javascriptbit"},"Donate"),a.createElement("button",{style:{marginLeft:"1em"},onClick:e=>{e.preventDefault(),t(!0),sessionStorage.setItem("hideKofi","true")}},"Hide for now"))}},2198:function(e,t,n){n.d(t,{Z:function(){return i}});var a=n(7294),l=n(1883),r=n(1151);var o=()=>{const[e,t]=a.useState(null);a.useEffect((()=>{const e=document.documentElement.getAttribute("data-theme")||"light";t(e)}),[]);return null===e?a.createElement("span",{style:{width:32,display:"inline-block"}}):a.createElement("button",{onClick:()=>{const n="dark"===e?"light":"dark";t(n),document.documentElement.setAttribute("data-theme",n);try{localStorage.setItem("jsbit-theme",n)}catch(a){}},"aria-label":"dark"===e?"Switch to light mode":"Switch to dark mode",title:"dark"===e?"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:e=>e.currentTarget.style.opacity="1",onMouseLeave:e=>e.currentTarget.style.opacity="0.75"},"dark"===e?"☀️":"🌙")};const s={FullscreenContainer:function(e){let{child:t}=e;const{0:n,1:l}=(0,a.useState)(!1),r=(0,a.useCallback)((e=>{"Enter"===e.key?l(!n):"Escape"===e.key&&l(!1)}),[n]);return a.createElement("div",{className:"fullscreen "+(n?"active":"")},a.createElement("div",{className:"buttons-container"},a.createElement("span",{tabIndex:-1,role:"button",onClick:()=>l(!n),onKeyUp:r},a.createElement("img",{src:"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNCAxNCIgd2lkdGg9IjE0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAw

1MDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMTUuMDAwMDAwLCAtMjU3LjAwMDAwMCkiPjxnIGlkPSJmdWxsc2NyZWVuIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMTUuMDAwMDAwLCAyNTcuMDAwMDAwKSI+PHBhdGggZD0iTTIsOSBMMCw5IEwwLDE0IEw1LDE0IEw1LDEyIEwyLDEyIEwyLDkgTDIsOSBaIE0wLDUgTDIsNSBMMiwyIEw1LDIgTDUsMCBMMCwwIEwwLDUgTDAsNSBaIE0xMiwxMiBMOSwxMiBMOSwxNCBMMTQsMTQgTDE0LDkgTDEyLDkgTDEyLDEyIEwxMiwxMiBaIE05LDAgTDksMiBMMTIsMiBMMTIsNSBMMTQsNSBMMTQsMCBMOSwwIEw5LDAgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+",alt:"Toggle Full Screen",color:"currentColor"}))),t)}};var i=e=>{let{location:t,title:n,children:i}=e;const c="/"===t.pathname,[m,u]=a.useState(2024);let d;return a.useEffect((()=>{u((new Date).getFullYear())}),[]),d=c?a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},a.createElement("h1",{className:"main-heading"},a.createElement(l.Link,{to:"/"},n)),a.createElement(o,null)):a.createElement("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},a.createElement(l.Link,{className:"header-link-home",to:"/"},n),a.createElement(o,null)),a.createElement(r.Zo,{components:s},a.createElement("div",{className:"global-wrapper","data-is-root-path":c},a.createElement("header",{className:"global-header"},d),a.createElement("main",null,i),a.createElement("footer",null,"© ",m,", Built with"," ",a.createElement("a",{href:"https://www.gatsbyjs.com"},"Gatsby"))))}},9357:function(e,t,n){var a=n(7294),l=n(1883);t.Z=e=>{var t,n,r;let{description:o,title:s,children:i}=e;const{site:c}=(0,l.useStaticQuery)("2841359383"),m=o||c.siteMetadata.description,u=null===(t=c.siteMetadata)||void 0===t?void 0:t.title;return a.createElement(a.Fragment,null,a.createElement("title",null,u?s+" | "+u:s),a.createElement("meta",{name:"description",content:m}),a.createElement("meta",{property:"og:title",content:s}),a.createElement("meta",{property:"og:description",content:m}),a.createElement("meta",{property:"og:type",content:"website"}),a.createElement("meta",{name:"twitter:card",content:"summary"}),a.createElement("meta",{name:"twitter:creator",content:(null===(n=c.siteMetadata)||void 0===n||null===(r=n.social)||void 0===r?void 0:r.twitter)||""}),a.createElement("meta",{name:"twitter:title",content:s}),a.createElement("meta",{name:"twitter:description",content:m}),i)}},1151:function(e,t,n){n.d(t,{Zo:function(){return s},ah:function(){return r}});var a=n(7294);const l=a.createContext({});function r(e){const t=a.useContext(l);return a.useMemo((()=>"function"==typeof e?e(t):{...t,...e}),[t,e])}const o={};function s({components:e,children:t,disableParentContext:n}){let s;return s=n?"function"==typeof e?e({}):e||o:r(e),a.createElement(l.Provider,{value:s},t)}}}]);
2//# sourceMappingURL=component---src-templates-blog-post-js-content-file-path-opt-build-repo-content-blog-what-is-the-event-loop-in-javascript-index-md-6375153bee49c8356371.js.map