(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[686],{4245:function(n,e,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(n){var e=o(n);return t(e)}function o(n){if(!t.o(r,n)){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}return r[n]}i.keys=function(){return Object.keys(r)},i.resolve=o,n.exports=i,i.id=4245},730:function(n,e,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/watch/[video]",function(){return t(2942)}])},3905:function(n,e,t){"use strict";t.d(e,{D:function(){return a}});var r=t(5893),i=t(8527),o=t(4651);t(7294);function a(n){var e=n.title,t=n.subtitle,a=n.author,c=void 0===a?null:a,s=n.formattedDate,l=n.subLink,u=void 0===l?null:l;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:s}),(null===u||void 0===u?void 0:u.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:u.url,target:"_blank",children:u.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:e}),(0,r.jsx)(i.xv,{fontSize:["14px","14px","16px"],color:"gray.700",children:t})]})})}},8025:function(n,e,t){"use strict";t.d(e,{Z:function(){return nn}});var r=t(5893),i=t(7294),o=t(4137),a=t(3606),c=t(8527),s=t(8797);function l(){var n,e,t=(n=["\n  line-height: 27px;\n  font-size: 16px;\n  color: black;\n  margin-bottom: 18px;\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return l=function(){return t},t}var u,p=s.ZP.p(l());function d(){return(d=Object.assign||function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n}).apply(this,arguments)}var x=function(n){return i.createElement("svg",d({width:16,height:16,"aria-hidden":"true"},n),u||(u=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(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function h(){var n=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 n},n}function m(){var n=f(["\n  position: relative;\n  font-size: 42px;\n  line-height: 40px;\n  font-weight: 700;\n  margin: 32px 0 10px !important;\n\n  &:hover "," {\n    display: flex;\n  }\n"]);return m=function(){return n},n}function b(){var n=f(["\n  font-size: 32px;\n"]);return b=function(){return n},n}function v(){var n=f(["\n  margin: 22px 0 8px;\n  font-size: 30px;\n"]);return v=function(){return n},n}function g(){var n=f(["\n  margin: 18px 0 8px;\n  font-size: 24px;\n"]);return g=function(){return n},n}function j(){var n=f(["\n  margin: 14px 0 8px;\n  font-size: 18px;\n"]);return j=function(){return n},n}function w(){var n=f(["\n  margin: 12px 0 8px;\n  font-size: 18px;\n"]);return w=function(){return n},n}var y=function(n){return function(e){var t=e.children,i=t.toLowerCase&&t.toLowerCase().replace(/[^\x00-\x7F]/g,"").replace(/\s+/g,"-").replace(/[?!]/g,"");return(0,r.jsxs)(n,{id:i,children:[(0,r.jsx)(O,{href:"#".concat(i),children:(0,r.jsx)(x,{})}),e.children]})}},O=s.ZP.a(h()),z=s.ZP.h1(m(),O),P=(0,s.ZP)(z).attrs({as:"h2"})(b()),k=(0,s.ZP)(z).attrs({as:"h3"})(v()),_=(0,s.ZP)(z).attrs({as:"h4"})(g()),Z=(0,s.ZP)(z).attrs({as:"h5"})(j()),S=(0,s.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 n,e,t=(n=["\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"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return W=function(){return t},t}var C=s.ZP.pre(W());function L(){var n,e,t=(n=["\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"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return L=function(){return t},t}var A=s.ZP.blockquote(L());function D(){var n,e,t=(n=["\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"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return D=function(){return t},t}var F=s.ZP.table(D());function N(){var n,e,t=(n=['\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'],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return N=function(){return t},t}var U=s.ZP.div(N());function B(){var n,e,t=(n=["\n  max-width: 100%;\n  margin: 25px auto;\n  display: block;\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return B=function(){return t},t}var T=s.ZP.img(B());function H(){var n,e,t=(n=["\n  font-weight: 600;\n  text-decoration: underline;\n"],e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}})));return H=function(){return t},t}var X=s.ZP.a(H()),q=function(n){var e=/(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(n.href);return(0,r.jsx)(X,{href:n.href,target:e?"_blank":"_self",children:n.children})};function M(n,e){return e||(e=n.slice(0)),Object.freeze(Object.defineProperties(n,{raw:{value:Object.freeze(e)}}))}function I(){var n=M(["\n  margin-left: 40px;\n  margin-bottom: 18px;\n  \n  ul {\n    margin-top: 18px;\n  }\n"]);return I=function(){return n},n}function V(){var n=M(["\n  margin-bottom: 7px;\n"]);return V=function(){return n},n}var Y=s.ZP.ul(I()),$=s.ZP.li(V()),G=t(6723),K=t(9876);function R(n,e,t){return e in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var J=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},r=Object.keys(t);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(t).filter((function(n){return Object.getOwnPropertyDescriptor(t,n).enumerable})))),r.forEach((function(e){R(n,e,t[e])}))}return n}({p:p},E,{pre:C,blockquote:A,a:q,table:F,iframe:function(n){return(0,r.jsx)(U,{children:(0,r.jsx)("iframe",{frameBorder:0,title:n.title,src:n.src,allow:"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",allowFullScreen:!0})})},img:T,code:c.EK,BadgeLink:function(n){var e=n.target,t=void 0===e?"_blank":e,i=n.badgeText,o=n.href,a=n.children;return(0,r.jsx)(c.xv,{mb:0,children:(0,r.jsxs)(c.rU,{fontWeight:500,textDecoration:"underline",href:o,target:t,children:[(0,r.jsx)(c.Ct,{colorScheme:"purple",style:{position:"relative",top:"-2px"},children:i})," ",a]})})},PremiumBlock:function(n){return(0,r.jsxs)(c.xu,{p:"40px",textAlign:"center",rounded:"5px",mb:"18px",bg:"gray.50",borderWidth:1,children:[(0,r.jsx)(K.mB,{color:"gray.300",height:"45px",w:"45px",mb:"18px"}),(0,r.jsx)(c.X6,{as:"h3",fontSize:"30px",mb:"10px",children:n.title}),(0,r.jsx)(c.xv,{mb:"18px",children:n.description}),(0,r.jsx)(G.zx,{colorScheme:"green",children:"Become a Member"})]})},ul:Y,li:$}),Q=t(8909);function nn(n){return(0,r.jsx)(a.xjn,{theme:Q.y,resetCSS:!0,children:(0,r.jsx)(o.Zo,{components:J,children:n.children})})}},2942:function(n,e,t){"use strict";t.r(e),t.d(e,{__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),s=t(6673),l=t(3905),u=t(8025),p=t(202),d=!0;function x(n){var e,d,x,f=n.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)(l.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===(e=f.author)||void 0===e?void 0:e.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)(u.Z,{children:(0,r.jsx)(h,{})})]})]}),(0,r.jsx)(a.z,{}),(0,r.jsx)(c.q,{}),(0,r.jsx)(s.$,{})]})}}},function(n){n.O(0,[709,22,515,70,774,888,179],(function(){return e=730,n(n.s=e);var e}));var e=n.O();_N_E=e}]);