(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[686],{4245:function(e,n,t){var r={"./acid-explained.md":5292,"./all-about-http-caching.md":1568,"./arrays-and-objects-in-javascript.md":8259,"./async-javascript.md":7210,"./big-o-notation.md":3501,"./content-delivery-networks.md":1830,"./dns-explained.md":9970,"./dns-records.md":4997,"./floating-point-arithmetic.md":8813,"./freeze-and-seal-objects-in-javascript.md":6789,"./how-to-use-css-variables.md":9320,"./how-to-use-github-actions.md":7624,"./javascript-fetch-api.md":6634,"./load-balancers-101.md":4121,"./osi-model.md":8635,"./practical-intro-to-react.md":1051,"./promises-in-javascript.md":5491,"./random-number-generators.md":7730,"./scaling-the-unscalable.md":9351,"./ssh-ssl-tls.md":6765,"./system-design-101.md":4322,"./tcp-ip-model.md":2142,"./transport-protocols-tcp-vs-udp.md":2034,"./what-is-cap-theorem.md":6672,"./what-is-dependency-injection.md":1454,"./what-is-dom-shadow-dom-virtual-dom.md":6315,"./what-is-eventual-consistency.md":104,"./yaml-in-depth.md":8734};function i(e){var n=o(e);return t(n)}function o(e){if(!t.o(r,e)){var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}return r[e]}i.keys=function(){return Object.keys(r)},i.resolve=o,e.exports=i,i.id=4245},730:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/watch/[video]",function(){return t(2942)}])},3905:function(e,n,t){"use strict";t.d(n,{D:function(){return a}});var r=t(5893),i=t(8527),o=t(4651);t(7294);function a(e){var n=e.title,t=e.subtitle,a=e.author,c=void 0===a?null:a,l=e.formattedDate,u=e.subLink,s=void 0===u?null:u;return(0,r.jsx)(i.xu,{pt:["35px","35px","70px"],pb:["35px","35px","55px"],borderBottomWidth:1,mb:"30px",children:(0,r.jsxs)(i.W2,{maxW:"container.md",position:"relative",textAlign:["left","left","center"],children:[(0,r.jsxs)(i.kC,{alignItems:"center",justifyContent:["flex-start","flex-start","center"],fontSize:["12px","12px","14px"],children:[(null===c||void 0===c?void 0:c.name)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)(i.rU,{d:["none","flex","flex"],target:"_blank",href:"https://twitter.com/".concat(c.twitter),alignItems:"center",fontWeight:600,color:"gray.500",children:[(0,r.jsx)(o.Ee,{alt:"",rounded:"full",mr:"7px",w:"22px",src:c.picture}),c.name]}),(0,r.jsx)(i.xv,{d:["none","inline","inline"],mx:"7px",color:"gray.500",as:"span",children:"\xb7"})]}),(0,r.jsx)(i.xv,{color:"gray.500",as:"span",children:l}),(null===s||void 0===s?void 0:s.text)&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(i.xv,{d:["none","none","inline"],mx:"7px",color:"gray.500",as:"span",children:"\xb7"}),(0,r.jsx)(i.rU,{d:["none","none","inline"],color:"blue.500",fontWeight:500,href:s.url,target:"_blank",children:s.text})]})]}),(0,r.jsx)(i.X6,{as:"h1",color:"black",fontSize:["30px","30px","45px"],lineHeight:["40px","40px","53px"],fontWeight:700,my:["5px","5px","10px"],children:n}),(0,r.jsx)(i.xv,{fontSize:["14px","14px","16px"],color:"gray.700",children:t})]})})}},2348:function(e,n,t){"use strict";t.d(n,{Z:function(){return ee}});var r=t(5893),i=t(7294),o=t(4137),a=t(3606),c=t(8527),l=t(8797);function u(){var e,n,t=(e=["\n  line-height: 27px;\n  font-size: 16px;\n  color: black;\n  margin-bottom: 18px;\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return u=function(){return t},t}var s,p=l.ZP.p(u());function d(){return(d=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e}).apply(this,arguments)}var x=function(e){return i.createElement("svg",d({width:16,height:16,"aria-hidden":"true"},e),s||(s=i.createElement("path",{fillRule:"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"})))};function f(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function h(){var e=f(["\n  position: absolute;\n  top: 0;\n  left: -25px;\n  width: 25px;\n  display: none;\n  height: 100%;\n  align-items: center;\n  justify-content: flex-start;\n"]);return h=function(){return e},e}function m(){var e=f(["\n  position: relative;\n  font-size: 32px;\n  line-height: 40px;\n  font-weight: 700;\n  margin: 20px 0 10px !important;\n\n  &:hover "," {\n    display: flex;\n  }\n"]);return m=function(){return e},e}function b(){var e=f(["\n  font-size: 30px;\n"]);return b=function(){return e},e}function v(){var e=f(["\n  margin: 22px 0 8px;\n  font-size: 28px;\n"]);return v=function(){return e},e}function g(){var e=f(["\n  margin: 18px 0 8px;\n  font-size: 24px;\n"]);return g=function(){return e},e}function j(){var e=f(["\n  margin: 14px 0 8px;\n  font-size: 18px;\n"]);return j=function(){return e},e}function w(){var e=f(["\n  margin: 12px 0 8px;\n  font-size: 18px;\n"]);return w=function(){return e},e}var y=function(e){return function(n){var t=n.children,i=t.toLowerCase&&t.toLowerCase().replace(/[^\x00-\x7F]/g,"").replace(/\s+/g,"-").replace(/[?!]/g,"");return(0,r.jsxs)(e,{id:i,children:[(0,r.jsx)(O,{href:"#".concat(i),children:(0,r.jsx)(x,{})}),n.children]})}},O=l.ZP.a(h()),z=l.ZP.h1(m(),O),P=(0,l.ZP)(z).attrs({as:"h2"})(b()),k=(0,l.ZP)(z).attrs({as:"h3"})(v()),_=(0,l.ZP)(z).attrs({as:"h4"})(g()),Z=(0,l.ZP)(z).attrs({as:"h5"})(j()),S=(0,l.ZP)(z).attrs({as:"h6"})(w()),E={h1:y(z),h2:y(P),h3:y(k),h4:y(_),h5:y(Z),h6:y(S)};function W(){var e,n,t=(e=["\n  margin: 25px -25px 25px -25px !important;\n  padding: 20px 25px !important;\n  border-radius: 10px;\n  line-height: 1.5 !important;\n  \n  code {\n    background: transparent;\n  }\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return W=function(){return t},t}var C=l.ZP.pre(W());function D(){var e,n,t=(e=["\n  padding: 16px 20px;\n  position: relative;\n  background: #e8e8e8;\n  border-radius: 5px;\n  margin-bottom: 18px;\n\n  h1, h2, h3, h4, h5, h6 {\n    margin-top: 0;\n  }\n\n  p + h4 {\n    margin-top: 15px;\n  }\n\n  p {\n    margin: 0;\n\n    & + p {\n      margin-top: 10px;\n    }\n  }\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return D=function(){return t},t}var L=l.ZP.blockquote(D());function A(){var e,n,t=(e=["\n  border-collapse: separate;\n  width: 100%;\n  border-spacing: 0;\n  margin: 20px 0;\n\n  th {\n    color: #666;\n    font-size: 12px;\n    font-weight: 400;\n    background: #FAFAFA;\n    text-transform: uppercase;\n    height: 40px;\n    vertical-align: middle;\n    padding: 5px 10px;\n  }\n\n  td {\n    font-size: 14px;\n    padding: 10px;\n    border-bottom: 1px solid #EAEAEA;\n  }\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return A=function(){return t},t}var F=l.ZP.table(A());function N(){var e,n,t=(e=['\n  position: relative;\n  max-width: 100%;\n  margin-bottom: 18px;\n\n  &:before {\n    height: 0;\n    content: "";\n    display: block;\n    padding-bottom: 50%;\n  }\n\n  & > iframe {\n    overflow: hidden;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n  }\n'],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return N=function(){return t},t}var T=l.ZP.div(N());function U(){var e,n,t=(e=["\n  max-width: 100%;\n  margin: 25px auto;\n  display: block;\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return U=function(){return t},t}var B=l.ZP.img(U());function H(){var e,n,t=(e=["\n  font-weight: 600;\n  text-decoration: underline;\n"],n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}})));return H=function(){return t},t}var X=l.ZP.a(H()),q=function(e){var n=/(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(e.href);return(0,r.jsx)(X,{href:e.href,target:n?"_blank":"_self",children:e.children})};function M(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function G(){var e=M(["\n  margin-left: 40px;\n  margin-bottom: 18px;\n  \n  ul {\n    margin-top: 18px;\n  }\n"]);return G=function(){return e},e}function I(){var e=M(["\n  margin-bottom: 7px;\n"]);return I=function(){return e},e}var R=l.ZP.ul(G()),V=l.ZP.li(I()),Y=t(6723),$=t(9876);function K(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var J=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),r.forEach((function(n){K(e,n,t[n])}))}return e}({p:p},E,{pre:C,blockquote:L,a:q,table:F,iframe:function(e){return(0,r.jsx)(T,{children:(0,r.jsx)("iframe",{frameBorder:0,title:e.title,src:e.src,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})},img:B,code:c.EK,BadgeLink:function(e){var n=e.target,t=void 0===n?"_blank":n,i=e.colorScheme,o=void 0===i?"purple":i,a=e.badgeText,l=e.href,u=e.children;return(0,r.jsx)(c.xv,{mb:0,children:(0,r.jsxs)(c.rU,{color:"blue.700",fontWeight:500,textDecoration:"none",href:l,target:t,_hover:{textDecoration:"none",color:"purple.400"},children:[(0,r.jsx)(c.Ct,{mr:"10px",colorScheme:o,pos:"relative",top:"-2px",children:a}),u]})})},ResourceGroupTitle:function(e){var n=e.children;return(0,r.jsx)(c.X6,{fontSize:"22px",as:"h2",mb:"10px",children:n})},PremiumBlock:function(e){return(0,r.jsxs)(c.xu,{p:"40px",textAlign:"center",rounded:"5px",mb:"18px",bg:"gray.50",borderWidth:1,children:[(0,r.jsx)($.mB,{color:"gray.300",height:"45px",w:"45px",mb:"18px"}),(0,r.jsx)(c.X6,{as:"h3",fontSize:"30px",mb:"10px",children:e.title}),(0,r.jsx)(c.xv,{mb:"18px",children:e.description}),(0,r.jsx)(Y.zx,{colorScheme:"green",children:"Become a Member"})]})},ul:R,li:V}),Q=t(8909);function ee(e){return(0,r.jsx)(a.xjn,{theme:Q.y,resetCSS:!0,children:(0,r.jsx)(o.Zo,{components:J,children:e.children})})}},2942:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return d},default:function(){return x}});var r=t(5893),i=t(8527),o=t(2438),a=t(1832),c=t(600),l=t(6673),u=t(3905),s=t(2348),p=t(202),d=!0;function x(e){var n,d,x,f=e.video,h=t(4245)("./".concat(f.id,".md")).default;return(0,r.jsxs)(i.xu,{bg:"white",minH:"100vh",children:[(0,r.jsx)(o.e,{}),(0,r.jsx)(p.Z,{title:f.title,description:f.description}),(0,r.jsxs)(i.xu,{mb:"60px",children:[(0,r.jsx)(u.D,{title:f.title,subtitle:f.description,formattedDate:f.formattedUpdatedAt,subLink:f.youtubeLink?{text:"Watch on YouTube",url:f.youtubeLink}:void 0,author:{twitter:null===(n=f.author)||void 0===n?void 0:n.twitter,name:null===(d=f.author)||void 0===d?void 0:d.name,picture:null===(x=f.author)||void 0===x?void 0:x.picture}}),(0,r.jsxs)(i.W2,{maxW:"container.md",position:"relative",children:[f.youtubeLink&&(0,r.jsxs)(i.xv,{mb:"18px",children:["We are working on a better watch page \u2014 for now this ",(0,r.jsx)(i.rU,{fontWeight:600,textDecoration:"underline",href:f.youtubeLink,target:"_blank",children:"video is best viewed on YouTube"}),"."]}),(0,r.jsx)(s.Z,{children:(0,r.jsx)(h,{})})]})]}),(0,r.jsx)(a.z,{}),(0,r.jsx)(c.q,{}),(0,r.jsx)(l.$,{})]})}}},function(e){e.O(0,[709,22,515,70,774,888,179],(function(){return n=730,e(e.s=n);var n}));var n=e.O();_N_E=n}]);