(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[686],{44245:function(e,n,t){var r={"./acid-explained.md":98974,"./all-about-http-caching.md":73730,"./array-structure.md":71232,"./arrays-and-objects-in-javascript.md":77589,"./async-javascript.md":38001,"./big-o-notation.md":6736,"./content-delivery-networks.md":45489,"./dns-explained.md":79029,"./dns-records.md":74046,"./floating-point-arithmetic.md":27327,"./freeze-and-seal-objects-in-javascript.md":66527,"./hash-table-data-structure.md":99046,"./how-to-use-css-variables.md":85512,"./how-to-use-github-actions.md":48688,"./javascript-fetch-api.md":4474,"./linked-list-data-structure.md":36955,"./load-balancers-101.md":2012,"./osi-model.md":85495,"./practical-intro-to-react.md":24913,"./promises-in-javascript.md":77e3,"./queue-data-structure.md":29495,"./random-number-generators.md":61516,"./scaling-the-unscalable.md":37850,"./ssh-ssl-tls.md":39345,"./stack-data-structure.md":56851,"./system-design-101.md":35069,"./tcp-ip-model.md":1559,"./transport-protocols-tcp-vs-udp.md":32382,"./what-are-data-structures.md":68496,"./what-is-cap-theorem.md":45875,"./what-is-dependency-injection.md":52635,"./what-is-dom-shadow-dom-virtual-dom.md":16095,"./what-is-eventual-consistency.md":72068,"./yaml-in-depth.md":26372};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=44245},30730:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/watch/[video]",function(){return t(2942)}])},83905:function(e,n,t){"use strict";t.d(n,{D:function(){return a}});var r=t(85893),i=t(25115),o=t(34651);t(67294);function a(e){var n=e.title,t=e.subtitle,a=e.author,c=void 0===a?null:a,u=e.formattedDate,l=e.subLink,s=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:u}),(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})]})})}},92348:function(e,n,t){"use strict";t.d(n,{Z:function(){return Y}});var r=t(85893),i=(t(67294),t(3905)),o=t(63606),a=t(25115),c=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 l=c.ZP.p(u());function s(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function p(){var e=s(["\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 p=function(){return e},e}function d(){var e=s(["\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 d=function(){return e},e}function f(){var e=s(["\n  font-size: 30px;\n"]);return f=function(){return e},e}function x(){var e=s(["\n  margin: 22px 0 8px;\n  font-size: 28px;\n"]);return x=function(){return e},e}function h(){var e=s(["\n  margin: 18px 0 8px;\n  font-size: 24px;\n"]);return h=function(){return e},e}function m(){var e=s(["\n  margin: 14px 0 8px;\n  font-size: 18px;\n"]);return m=function(){return e},e}function b(){var e=s(["\n  margin: 12px 0 8px;\n  font-size: 18px;\n"]);return b=function(){return e},e}var g=c.ZP.a(p()),v=c.ZP.h1(d(),g),j={h1:v,h2:(0,c.ZP)(v).attrs({as:"h2"})(f()),h3:(0,c.ZP)(v).attrs({as:"h3"})(x()),h4:(0,c.ZP)(v).attrs({as:"h4"})(h()),h5:(0,c.ZP)(v).attrs({as:"h5"})(m()),h6:(0,c.ZP)(v).attrs({as:"h6"})(b())};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 y=c.ZP.pre(w());function O(){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 O=function(){return t},t}var P=c.ZP.blockquote(O());function z(){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 z=function(){return t},t}var k=c.ZP.table(z());function _(){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 _=function(){return t},t}var S=c.ZP.div(_());function Z(){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 Z=function(){return t},t}var E=c.ZP.img(Z());function W(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function D(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){W(e,n,t[n])}))}return e}function A(){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 A=function(){return t},t}var L=c.ZP.a(A()),N=function(e){var n=D({target:"_self"},/(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(e.href)?{rel:"nofollow",target:"_blank"}:{});return(0,r.jsx)(L,D({href:e.href},n,{children:e.children}))};function T(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function B(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){T(e,n,t[n])}))}return e}function C(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function F(){var e=C(["\n  margin-left: 40px;\n  margin-bottom: 18px;\n  \n  ul {\n    margin-top: 18px;\n  }\n"]);return F=function(){return e},e}function U(){var e=C(["\n  margin-bottom: 7px;\n"]);return U=function(){return e},e}var X=c.ZP.ul(F()),q=c.ZP.li(U()),$=t(15193),G=t(71277);function H(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var I=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){H(e,n,t[n])}))}return e}({p:l},j,{pre:y,blockquote:P,a:N,table:k,iframe:function(e){return(0,r.jsx)(S,{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:E,code:a.EK,BadgeLink:function(e){var n=e.target,t=void 0===n?"_blank":n,i=e.colorScheme,o=void 0===i?"purple":i,c=e.badgeText,u=e.href,l=e.children,s=B({},/(^http(s)?:\/\/)|(\.(png|svg|jpeg|jpg)$)/.test(e.href)?{rel:"nofollow"}:{});return(0,r.jsx)(a.xv,{mb:"0px",children:(0,r.jsxs)(a.rU,B({fontSize:"14px",color:"blue.700",fontWeight:500,textDecoration:"none",href:u,target:t,_hover:{textDecoration:"none",color:"purple.400"}},s,{children:[(0,r.jsx)(a.Ct,{fontSize:"11px",mr:"7px",colorScheme:o,children:c}),l]}))})},ResourceGroupTitle:function(e){var n=e.children;return(0,r.jsx)(a.X6,{mt:"20px",color:"gray.800",fontSize:"14px",pb:"5px",borderBottomWidth:1,textTransform:"uppercase",as:"h2",mb:"10px",children:n})},PremiumBlock:function(e){return(0,r.jsxs)(a.xu,{p:"40px",textAlign:"center",rounded:"5px",mb:"18px",bg:"gray.50",borderWidth:1,children:[(0,r.jsx)(G.mB,{color:"gray.300",height:"45px",w:"45px",mb:"18px"}),(0,r.jsx)(a.X6,{as:"h3",fontSize:"30px",mb:"10px",children:e.title}),(0,r.jsx)(a.xv,{mb:"18px",children:e.description}),(0,r.jsx)($.zx,{colorScheme:"green",children:"Become a Member"})]})},ul:X,li:q}),M=t(68909);function Y(e){return(0,r.jsx)(o.xjn,{theme:M.y,resetCSS:!0,children:(0,r.jsx)(i.Zo,{components:I,children:e.children})})}},2942:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSG:function(){return d},default:function(){return f}});var r=t(85893),i=t(25115),o=t(82438),a=t(1832),c=t(80600),u=t(16673),l=t(83905),s=t(92348),p=t(80202),d=!0;function f(e){var n,d,f,x=e.video,h=t(44245)("./".concat(x.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:x.title,description:x.description}),(0,r.jsxs)(i.xu,{mb:"60px",children:[(0,r.jsx)(l.D,{title:x.title,subtitle:x.description,formattedDate:x.formattedUpdatedAt,subLink:x.youtubeLink?{text:"Watch on YouTube",url:x.youtubeLink}:void 0,author:{twitter:null===(n=x.author)||void 0===n?void 0:n.twitter,name:null===(d=x.author)||void 0===d?void 0:d.name,picture:null===(f=x.author)||void 0===f?void 0:f.picture}}),(0,r.jsxs)(i.W2,{maxW:"container.md",position:"relative",children:[x.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:x.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)(u.$,{})]})}}},function(e){e.O(0,[680,22,515,994,774,888,179],(function(){return n=30730,e(e.s=n);var n}));var n=e.O();_N_E=n}]);