CINXE.COM

<!doctype html><html lang="en"><head><title data-rh="true">Frontend Weekly</title><meta data-rh="true" charset="utf-8"/><meta data-rh="true" name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,maximum-scale=1"/><meta data-rh="true" name="theme-color" content="#000000"/><meta data-rh="true" name="twitter:app:name:iphone" content="Medium"/><meta data-rh="true" name="twitter:app:id:iphone" content="828256236"/><meta data-rh="true" property="al:ios:app_name" content="Medium"/><meta data-rh="true" property="al:ios:app_store_id" content="828256236"/><meta data-rh="true" property="al:android:package" content="com.medium.reader"/><meta data-rh="true" property="al:android:app_name" content="Medium"/><meta data-rh="true" property="fb:app_id" content="542599432471018"/><meta data-rh="true" name="title" content="Frontend Weekly"/><meta data-rh="true" name="description" content="It&#x27;s really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http://frontendweekly.co"/><meta data-rh="true" name="twitter:card" content="summary_large_image"/><meta data-rh="true" name="twitter:creator" content="@realelitecoders"/><meta data-rh="true" name="twitter:description" content="It&#x27;s really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http://frontendweekly.co"/><meta data-rh="true" name="twitter:image:src" content="https://miro.medium.com/v2/resize:fit:407/1*NDFydnWKD8c58PA36XKRKg.png"/><meta data-rh="true" name="twitter:site" content="@frontendweekly1"/><meta data-rh="true" name="twitter:title" content="Frontend Weekly"/><meta data-rh="true" property="og:description" content="It&#x27;s really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http://frontendweekly.co"/><meta data-rh="true" property="og:image" content="https://miro.medium.com/v2/resize:fit:407/1*NDFydnWKD8c58PA36XKRKg.png"/><meta data-rh="true" property="og:site_name" content="Frontend Weekly"/><meta data-rh="true" property="og:title" content="Frontend Weekly"/><meta data-rh="true" property="og:type" content="website"/><meta data-rh="true" property="og:url" content="https://medium.com/front-end-weekly"/><meta data-rh="true" property="medium-com:creator" content="https://medium.com/@eibrahim"/><meta data-rh="true" name="keywords" content=""/><meta data-rh="true" name="twitter:app:url:iphone" content="medium://front-end-weekly"/><meta data-rh="true" property="al:android:url" content="medium://front-end-weekly"/><meta data-rh="true" property="al:ios:url" content="medium://front-end-weekly"/><meta data-rh="true" property="al:web:url" content="https://medium.com/front-end-weekly"/><meta data-rh="true" name="robots" content="index,follow"/><link data-rh="true" rel="icon" href="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19"/><link data-rh="true" rel="search" type="application/opensearchdescription+xml" title="Medium" href="/osd.xml"/><link data-rh="true" rel="apple-touch-icon" sizes="152x152" href="https://miro.medium.com/v2/resize:fill:304:304/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="120x120" href="https://miro.medium.com/v2/resize:fill:240:240/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="76x76" href="https://miro.medium.com/v2/resize:fill:152:152/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="apple-touch-icon" sizes="60x60" href="https://miro.medium.com/v2/resize:fill:120:120/10fd5c419ac61637245384e7099e131627900034828f4f386bdaa47a74eae156"/><link data-rh="true" rel="mask-icon" href="https://miro.medium.com/v2/resize:fill:1000:1000/7*GAOKVe--MXbEJmV9230oOQ.png" color="#171717"/><link data-rh="true" id="glyph_preload_link" rel="preload" as="style" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" id="glyph_link" rel="stylesheet" type="text/css" href="https://glyph.medium.com/css/unbound.css"/><link data-rh="true" rel="alternate" type="application/rss+xml" title="RSS" href="https://medium.com/feed/front-end-weekly"/><link data-rh="true" rel="canonical" href="https://medium.com/front-end-weekly"/><script data-rh="true" type="application/ld+json">{"@context":"http:\u002F\u002Fschema.org","@type":"Organization","name":"Frontend Weekly","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly","logo":{"@type":"ImageObject","width":60,"height":60,"url":"https:\u002F\u002Fmiro.medium.com\u002Fv2\u002Fresize:fit:120\u002F1*NDFydnWKD8c58PA36XKRKg.png"}}</script><style type="text/css" data-fela-rehydration="405" data-fela-type="STATIC">html{box-sizing:border-box;-webkit-text-size-adjust:100%}*, *:before, *:after{box-sizing:inherit}body{margin:0;padding:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;color:rgba(0,0,0,0.8);position:relative;min-height:100vh}h1, h2, h3, h4, h5, h6, dl, dd, ol, ul, menu, figure, blockquote, p, pre, form{margin:0}menu, ol, ul{padding:0;list-style:none;list-style-image:none}main{display:block}a{color:inherit;text-decoration:none}a, button, input{-webkit-tap-highlight-color:transparent}img, svg{vertical-align:middle}button{background:transparent;overflow:visible}button, input, optgroup, select, textarea{margin:0}:root{--reach-tabs:1;--reach-menu-button:1}#speechify-root{font-family:Sohne, sans-serif}div[data-popper-reference-hidden="true"]{visibility:hidden;pointer-events:none}.grecaptcha-badge{visibility:hidden} /*XCode style (c) Angel Garcia <angelgarcia.mail@gmail.com>*/.hljs {background: #fff;color: black; }/* Gray DOCTYPE selectors like WebKit */ .xml .hljs-meta {color: #c0c0c0; }.hljs-comment, .hljs-quote {color: #007400; }.hljs-tag, .hljs-attribute, .hljs-keyword, .hljs-selector-tag, .hljs-literal, .hljs-name {color: #aa0d91; }.hljs-variable, .hljs-template-variable {color: #3F6E74; }.hljs-code, .hljs-string, .hljs-meta .hljs-string {color: #c41a16; }.hljs-regexp, .hljs-link {color: #0E0EFF; }.hljs-title, .hljs-symbol, .hljs-bullet, .hljs-number {color: #1c00cf; }.hljs-section, .hljs-meta {color: #643820; }.hljs-title.class_, .hljs-class .hljs-title, .hljs-type, .hljs-built_in, .hljs-params {color: #5c2699; }.hljs-attr {color: #836C28; }.hljs-subst {color: #000; }.hljs-formula {background-color: #eee;font-style: italic; }.hljs-addition {background-color: #baeeba; }.hljs-deletion {background-color: #ffc8bd; }.hljs-selector-id, .hljs-selector-class {color: #9b703f; }.hljs-doctag, .hljs-strong {font-weight: bold; }.hljs-emphasis {font-style: italic; } </style><style type="text/css" data-fela-rehydration="405" data-fela-type="KEYFRAME">@-webkit-keyframes k1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-moz-keyframes k1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes k1{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE">.a{font-family:medium-content-sans-serif-font, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}.b{font-weight:400}.c{background-color:rgba(255, 255, 255, 1)}.l{height:100vh}.m{width:100%}.n{display:flex}.o{align-items:center}.p{justify-content:center}.q{width:40px}.r{height:40px}.s{border-radius:50%}.t{border-width:2px}.u{border-style:solid}.v{border-color:#242424 transparent #242424 #242424}.w{animation:k1 2s infinite linear;}.x{display:block}.y{position:sticky}.z{top:0}.ab{z-index:500}.ac{padding:0 24px}.ae{border-bottom:solid 1px #F2F2F2}.al{height:41px}.am{line-height:20px}.an{margin-left:8px}.ao{color:#6B6B6B}.ap{fill:inherit}.aq{font-size:13px}.ar{font-family:sohne, "Helvetica Neue", Helvetica, Arial, sans-serif}.as{letter-spacing:inherit}.at{padding:0}.au{margin:0}.av{cursor:pointer}.aw:disabled{cursor:not-allowed}.ax:disabled{color:#6B6B6B}.ay:disabled{fill:#6B6B6B}.bb{height:100%}.bt{color:#FFFFFF}.bu{fill:#FFFFFF}.bv{background:#1A8917}.bw{border-color:#1A8917}.ca:disabled{cursor:inherit !important}.cb:disabled{opacity:0.3}.cc:disabled:hover{background:#1A8917}.cd:disabled:hover{border-color:#1A8917}.ce{border-radius:99em}.cf{border-width:1px}.cg{box-sizing:border-box}.ch{display:inline-block}.ci{text-decoration:none}.cj{text-align:center}.ck{margin-left:16px}.cl{color:inherit}.cm{font-size:inherit}.cn{border:inherit}.co{font-family:inherit}.cp{font-weight:inherit}.cq{height:57px}.cr{flex:1 0 auto}.cs{width:auto}.ct path{fill:#242424}.cu{height:25px}.cv{border:none}.cw{border-radius:20px}.cx{width:240px}.cy{background:#F9F9F9}.cz path{fill:#6B6B6B}.db{outline:none}.dc{font-size:14px}.dd{padding:10px 20px 10px 0}.de{background-color:transparent}.df{color:#242424}.dg::placeholder{color:#6B6B6B}.dh{margin-left:12px}.di{margin-right:12px}.dl{margin-right:32px}.dm{position:relative}.dn{fill:#6B6B6B}.dq{background:transparent}.dr svg{margin-left:4px}.ds svg{fill:#6B6B6B}.du{box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.05)}.dv{height:32px}.dw{width:32px}.dx{position:absolute}.dz{background-color:#F2F2F2}.ea{margin:auto}.eb{max-width:1336px}.ec{flex-direction:row}.ed{justify-content:space-evenly}.ek{flex:1 1 auto}.el{padding-right:24px}.fe{border-left:1px solid #F2F2F2}.ff{min-height:100vh}.fg{flex-direction:column}.fh{min-width:0}.fi{margin:0 24px}.fm{box-shadow:inset 0 -1px 0 #F2F2F2}.gp{justify-content:flex-start}.gq{margin-right:20px}.gr{align-self:flex-start}.gs{flex:0 0 auto}.gt{border-radius:2px}.gu{height:48px}.gv{width:48px}.gx{font-weight:500}.hx{overflow:hidden}.hy{text-overflow:ellipsis}.hz{display:-webkit-box}.ia{-webkit-box-orient:vertical}.ib{word-break:break-word}.id{color:rgba(25, 25, 25, 1)}.ie{padding-right:8px}.ih{margin-top:2px}.ii{margin-top:8px}.ij{font-size:16px}.ik{line-height:24px}.ir{padding:8px 16px}.is{overflow-x:scroll}.it{overflow-y:hidden}.iu::-webkit-scrollbar{height:0}.iv::-webkit-scrollbar{width:0}.iw::-webkit-scrollbar{background:transparent}.ix{scrollbar-width:none}.iy{-ms-overflow-style:none}.iz{min-width:-webkit-max-content}.ja{padding:0px}.jc{padding-bottom:16px}.jd{border-bottom:1px solid #F2F2F2}.je{min-width:max-content}.jf{right:0}.jg{bottom:12px}.jh{padding-left:42px}.ji{pointer-events:none}.jj{opacity:0}.jk{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 75%)}.jl{margin:2px}.jm svg path{fill:#6B6B6B}.jo{left:0}.jp{padding-right:42px}.jq{background:linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 25%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 1) 75%)}.jr{padding:8px 0}.js{box-sizing:content-box}.jt a{position:relative}.ju a{z-index:2}.jv button{position:relative}.jw button{z-index:2}.kc{margin-right:8px}.kd{height:20px}.ke{width:20px}.kg{max-height:20px}.kh{-webkit-line-clamp:1}.ki{word-break:break-all}.kj a{position:static}.kk a::before{content:""}.kl a::before{position:absolute}.km a::before{z-index:1}.kn a::before{top:0}.ko a::before{left:0}.kp a::before{bottom:0}.kq a::before{right:0}.kr a{display:flex}.ks a{flex-direction:column}.kt{font-weight:700}.lo{padding-top:8px}.lp{max-height:40px}.lq{-webkit-line-clamp:2}.mb{justify-content:space-between}.mc{max-width:200px}.md{height:16px}.me{opacity:1}.mf{transition:opacity 300ms ease-out}.mg{gap:16px}.mh{width:80px}.mi{justify-content:flex-end}.mj{flex:0 0 0}.ml{padding:12px}.mr{background-color:#F9F9F9}.ms{padding-top:12px}.mt{height:0px}.mx{margin-top:32px}.my{gap:4px}.nc{top:57px}.nd{min-height:calc(100vh - 57px)}.ne{padding-bottom:0px}.nf{border-bottom:none}.ng{margin-top:40px}.nh{height:88px}.ni{width:88px}.nj{text-decoration:underline}.nk{word-wrap:break-word}.nl{flex-wrap:wrap}.nm{margin-right:16px}.nn{fill:#242424}.no{padding-right:14px}.np{letter-spacing:0}.nq{align-items:flex-start}.nr{margin-top:4px}.ob{padding:5px 12px}.oc{background:0}.od{border-color:#242424}.og:disabled:hover{color:#242424}.oh:disabled:hover{fill:#242424}.oi:disabled:hover{border-color:#242424}.oj{font-size:20px}.ok{padding-top:4px}.ol{padding-bottom:10px}.om{padding:24px 0}.on{margin-right:6px}.oo{font-size:11px}.op{line-height:16px}.az:hover:not(:disabled){color:rgba(25, 25, 25, 1)}.ba:hover:not(:disabled){fill:rgba(25, 25, 25, 1)}.bx:hover{background:#156D12}.by:hover{border-color:#156D12}.bz:hover{cursor:pointer}.do:hover{color:#242424}.dp:hover{fill:#242424}.dt:hover svg{fill:#242424}.dy:hover{background-color:rgba(0, 0, 0, 0.1)}.gw:hover{background-color:none}.jb:hover{color:#000000 !important}.jn:hover svg path{fill:#000000}.kf:hover{text-decoration:underline}.mk:hover{color:#000000}.oe:hover{fill:#000000}.of:hover{border-color:#242424}.da:focus-within path{fill:#242424}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (min-width: 1080px)">.d{display:none}.bk{font-size:14px}.bl{line-height:20px}.br{font-size:13px}.bs{padding:5px 12px}.dk{display:flex}.ee{max-width:728px}.ef{min-width:728px}.fa{padding-left:clamp(24px, 24px + 100vw - 1080px, 40px)}.fb{display:block}.fc{min-width:368px}.fd{max-width:368px}.fl{max-width:680px}.fr{margin:52px 0 48px}.gg{margin-bottom:40px}.gh{align-items:center}.gi{justify-content:flex-end}.gj{flex-wrap:nowrap}.go{margin-right:0}.hs{font-size:42px}.ht{line-height:52px}.hu{max-height:52px}.hv{-webkit-line-clamp:1}.hw{letter-spacing:-0.011em}.kb{margin-bottom:16px}.lj{font-size:24px}.lk{line-height:30px}.ll{max-height:90px}.lm{-webkit-line-clamp:3}.ln{letter-spacing:-0.016em}.lz{padding-top:10px}.ma{width:100%}.mq{margin-left:56px}.mw{margin-top:20px}.nb{width:calc(100% - (160px + 56px))}.nz{max-height:40px}.oa{-webkit-line-clamp:2}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (max-width: 1079.98px)">.e{display:none}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (max-width: 903.98px)">.f{display:none}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (max-width: 727.98px)">.g{display:none}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (max-width: 551.98px)">.h{display:none}.af{display:flex}.ag{justify-content:space-between}.bc{font-size:13px}.bd{line-height:20px}.bm{padding:0px 8px 1px}.ej{min-width:0}.em{padding-left:24px}.eo{min-width:352px}.ep{max-width:352px}.fn{margin:24px 0}.fs{margin-bottom:24px}.ft{align-items:flex-start}.fu{flex-wrap:wrap}.gk{margin-right:0}.gy{font-size:24px}.gz{line-height:30px}.ha{max-height:120px}.hb{-webkit-line-clamp:4}.hc{letter-spacing:-0.016em}.if{flex-wrap:nowrap}.il{margin-top:20px}.im{flex:0 0 100%}.jx{margin-bottom:16px}.ku{font-size:20px}.kv{line-height:24px}.kw{max-height:96px}.kx{letter-spacing:0}.lr{padding-top:2px}.ls{width:100%}.mm{margin-left:24px}.ns{max-height:20px}.nt{-webkit-line-clamp:1}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (min-width: 904px) and (max-width: 1079.98px)">.i{display:none}.bi{font-size:14px}.bj{line-height:20px}.bp{font-size:13px}.bq{padding:5px 12px}.dj{display:flex}.eg{min-width:0}.ew{padding-left:24px}.ex{display:block}.ey{min-width:352px}.ez{max-width:352px}.fk{max-width:680px}.fq{margin:52px 0 48px}.gc{margin-bottom:40px}.gd{align-items:center}.ge{justify-content:flex-end}.gf{flex-wrap:nowrap}.gn{margin-right:16px}.hn{font-size:42px}.ho{line-height:52px}.hp{max-height:52px}.hq{-webkit-line-clamp:1}.hr{letter-spacing:-0.011em}.iq{flex:0 0 content}.ka{margin-bottom:16px}.le{font-size:24px}.lf{line-height:30px}.lg{max-height:90px}.lh{-webkit-line-clamp:3}.li{letter-spacing:-0.016em}.lx{padding-top:10px}.ly{width:100%}.mp{margin-left:56px}.mv{margin-top:20px}.na{width:calc(100% - (160px + 56px))}.ny{max-height:20px}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (min-width: 728px) and (max-width: 903.98px)">.j{display:none}.aj{display:flex}.ak{justify-content:space-between}.bg{font-size:13px}.bh{line-height:20px}.bo{padding:0px 8px 1px}.eh{min-width:0}.et{padding-left:24px}.eu{min-width:352px}.ev{max-width:352px}.fj{max-width:680px}.fp{margin:52px 0 48px}.fy{margin-bottom:40px}.fz{align-items:flex-start}.ga{justify-content:flex-end}.gb{flex-wrap:nowrap}.gm{margin-right:16px}.hi{font-size:24px}.hj{line-height:30px}.hk{max-height:120px}.hl{-webkit-line-clamp:4}.hm{letter-spacing:-0.016em}.ip{flex:0 0 content}.jz{margin-bottom:16px}.lc{max-height:90px}.ld{-webkit-line-clamp:3}.lv{padding-top:10px}.lw{width:100%}.mo{margin-left:56px}.mu{margin-top:20px}.mz{width:calc(100% - (160px + 56px))}.nw{max-height:20px}.nx{-webkit-line-clamp:1}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="all and (min-width: 552px) and (max-width: 727.98px)">.k{display:none}.ah{display:flex}.ai{justify-content:space-between}.be{font-size:13px}.bf{line-height:20px}.bn{padding:0px 8px 1px}.ei{min-width:0}.eq{padding-left:24px}.er{min-width:352px}.es{max-width:352px}.fo{margin:24px 0}.fv{margin-bottom:24px}.fw{align-items:flex-start}.fx{flex-wrap:wrap}.gl{margin-right:0}.hd{font-size:24px}.he{line-height:30px}.hf{max-height:120px}.hg{-webkit-line-clamp:4}.hh{letter-spacing:-0.016em}.ig{flex-wrap:nowrap}.in{margin-top:20px}.io{flex:0 0 100%}.jy{margin-bottom:16px}.ky{font-size:20px}.kz{line-height:24px}.la{max-height:96px}.lb{letter-spacing:0}.lt{padding-top:2px}.lu{width:100%}.mn{margin-left:24px}.nu{max-height:20px}.nv{-webkit-line-clamp:1}</style><style type="text/css" data-fela-rehydration="405" data-fela-type="RULE" media="(orientation: landscape) and (max-width: 903.98px)">.ic{max-height:none}</style></head><body><div id="root"><div class="a b c"><div class="d e f g h i j k"></div><script>document.domain = document.domain;</script><div class="x c"><div class="x y z ab c"><div class="ac o ae af ag ah ai aj ak i d al am"><a class="ao ap aq ar as b at au av aw ax ay az ba af ah aj i d o bb am" href="https://rsci.app.link/?%24canonical_url=https%3A%2F%2Fmedium.com%2Ffront-end-weekly&amp;%7Efeature=LoOpenInAppButton&amp;%7Echannel=ShowCollectionHome&amp;source=---two_column_layout_nav----------------------------------" rel="noopener follow">Open in app<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" fill="none" viewBox="0 0 10 10" class="an"><path fill="currentColor" d="M.985 8.485a.375.375 0 1 0 .53.53zM8.75 1.25h.375A.375.375 0 0 0 8.75.875zM8.375 6.5a.375.375 0 1 0 .75 0zM3.5.875a.375.375 0 1 0 0 .75zm-1.985 8.14 7.5-7.5-.53-.53-7.5 7.5zm6.86-7.765V6.5h.75V1.25zM3.5 1.625h5.25v-.75H3.5z"></path></svg></a><div class="n o"><p class="ar b bc bd be bf bg bh bi bj bk bl ao"><span><button class="ar b bc bd bm be bf bn bg bh bo bp bj bq br bl bs bt bu bv bw bx by bz ca cb cc cd ce cf u cg ch ci cj" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ck x"><p class="ar b bc bd be bf bg bh bi bj bk bl ao"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" data-testid="headerSignInButton" rel="noopener follow" href="/m/signin?operation=login&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly&amp;source=collection_home---two_column_layout_nav-----------------------global_nav-----------">Sign in</a></span></p></div></div></div><div class="ac o ae n cq"><div class="n o cr"><a class="cl ap cm cn co as cp at au av aw ax ay az ba n" aria-label="Homepage" data-testid="headerMediumLogo" rel="noopener follow" href="/?source=---two_column_layout_nav----------------------------------"><svg xmlns="http://www.w3.org/2000/svg" width="719" height="160" fill="none" viewBox="0 0 719 160" class="cs ct cu"><path fill="#242424" d="m174.104 9.734.215-.047V8.02H130.39L89.6 103.89 48.81 8.021H1.472v1.666l.212.047c8.018 1.81 12.09 4.509 12.09 14.242V137.93c0 9.734-4.087 12.433-12.106 14.243l-.212.047v1.671h32.118v-1.665l-.213-.048c-8.018-1.809-12.089-4.509-12.089-14.242V30.586l52.399 123.305h2.972l53.925-126.743V140.75c-.687 7.688-4.721 10.062-11.982 11.701l-.215.05v1.652h55.948v-1.652l-.215-.05c-7.269-1.639-11.4-4.013-12.087-11.701l-.037-116.774h.037c0-9.733 4.071-12.432 12.087-14.242m25.555 75.488c.915-20.474 8.268-35.252 20.606-35.507 3.806.063 6.998 1.312 9.479 3.714 5.272 5.118 7.751 15.812 7.368 31.793zm-.553 5.77h65.573v-.275c-.186-15.656-4.721-27.834-13.466-36.196-7.559-7.227-18.751-11.203-30.507-11.203h-.263c-6.101 0-13.584 1.48-18.909 4.16-6.061 2.807-11.407 7.003-15.855 12.511-7.161 8.874-11.499 20.866-12.554 34.343q-.05.606-.092 1.212a50 50 0 0 0-.065 1.151 85.807 85.807 0 0 0-.094 5.689c.71 30.524 17.198 54.917 46.483 54.917 25.705 0 40.675-18.791 44.407-44.013l-1.886-.664c-6.557 13.556-18.334 21.771-31.738 20.769-18.297-1.369-32.314-19.922-31.042-42.395m139.722 41.359c-2.151 5.101-6.639 7.908-12.653 7.908s-11.513-4.129-15.418-11.63c-4.197-8.053-6.405-19.436-6.405-32.92 0-28.067 8.729-46.22 22.24-46.22 5.657 0 10.111 2.807 12.236 7.704zm43.499 20.008c-8.019-1.897-12.089-4.722-12.089-14.951V1.309l-48.716 14.353v1.757l.299-.024c6.72-.543 11.278.386 13.925 2.83 2.072 1.915 3.082 4.853 3.082 8.987v18.66c-4.803-3.067-10.516-4.56-17.448-4.56-14.059 0-26.909 5.92-36.176 16.672-9.66 11.205-14.767 26.518-14.767 44.278-.003 31.72 15.612 53.039 38.851 53.039 13.595 0 24.533-7.449 29.54-20.013v16.865h43.711v-1.746zM424.1 19.819c0-9.904-7.468-17.374-17.375-17.374-9.859 0-17.573 7.632-17.573 17.374s7.721 17.374 17.573 17.374c9.907 0 17.375-7.47 17.375-17.374m11.499 132.546c-8.019-1.897-12.089-4.722-12.089-14.951h-.035V43.635l-43.714 12.551v1.705l.263.024c9.458.842 12.047 4.1 12.047 15.152v81.086h43.751v-1.746zm112.013 0c-8.018-1.897-12.089-4.722-12.089-14.951V43.635l-41.621 12.137v1.71l.246.026c7.733.813 9.967 4.257 9.967 15.36v59.279c-2.578 5.102-7.415 8.131-13.274 8.336-9.503 0-14.736-6.419-14.736-18.073V43.638l-43.714 12.55v1.703l.262.024c9.459.84 12.05 4.097 12.05 15.152v50.17a56.3 56.3 0 0 0 .91 10.444l.787 3.423c3.701 13.262 13.398 20.197 28.59 20.197 12.868 0 24.147-7.966 29.115-20.43v17.311h43.714v-1.747zm169.818 1.788v-1.749l-.213-.05c-8.7-2.006-12.089-5.789-12.089-13.49v-63.79c0-19.89-11.171-31.761-29.883-31.761-13.64 0-25.141 7.882-29.569 20.16-3.517-13.01-13.639-20.16-28.606-20.16-13.146 0-23.449 6.938-27.869 18.657V43.643L545.487 55.68v1.715l.263.024c9.345.829 12.047 4.181 12.047 14.95v81.784h40.787v-1.746l-.215-.053c-6.941-1.631-9.181-4.606-9.181-12.239V66.998c1.836-4.289 5.537-9.37 12.853-9.37 9.086 0 13.692 6.296 13.692 18.697v77.828h40.797v-1.746l-.215-.053c-6.94-1.631-9.18-4.606-9.18-12.239V75.066a42 42 0 0 0-.578-7.26c1.947-4.661 5.86-10.177 13.475-10.177 9.214 0 13.691 6.114 13.691 18.696v77.828z"></path></svg></a><div class="ck h"><div class="n cv cw cx cy o cz da"><div class="ch" aria-hidden="false" aria-describedby="searchResults" aria-labelledby="searchResults"></div><div class="dh di n"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div><input role="combobox" aria-controls="searchResults" aria-expanded="false" aria-label="search" data-testid="headerSearchInput" tabindex="0" class="cv db ar dc am m dd de df dg" placeholder="Search" value=""/></div></div></div><div class="h k aj dj dk"><div class="dl n"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" data-testid="headerWriteButton" rel="noopener follow" href="/m/signin?operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Fnew-story&amp;source=---two_column_layout_nav-----------------------new_post_topnav-----------"><div class="ar b dc am ao dm dn n o do dp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Write"><path fill="currentColor" d="M14 4a.5.5 0 0 0 0-1zm7 6a.5.5 0 0 0-1 0zm-7-7H4v1h10zM3 4v16h1V4zm1 17h16v-1H4zm17-1V10h-1v10zm-1 1a1 1 0 0 0 1-1h-1zM3 20a1 1 0 0 0 1 1v-1zM4 3a1 1 0 0 0-1 1h1z"></path><path stroke="currentColor" d="m17.5 4.5-8.458 8.458a.25.25 0 0 0-.06.098l-.824 2.47a.25.25 0 0 0 .316.316l2.47-.823a.25.25 0 0 0 .098-.06L19.5 6.5m-2-2 2.323-2.323a.25.25 0 0 1 .354 0l1.646 1.646a.25.25 0 0 1 0 .354L19.5 6.5m-2-2 2 2"></path></svg><div class="an x">Write</div></div></a></span></div></div><div class="k j i d"><div class="dl n"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" data-testid="headerSearchButton" rel="noopener follow" href="/search?source=---two_column_layout_nav----------------------------------"><div class="ar b dc am ao dm dn n o do dp"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" aria-label="Search"><path fill="currentColor" fill-rule="evenodd" d="M4.092 11.06a6.95 6.95 0 1 1 13.9 0 6.95 6.95 0 0 1-13.9 0m6.95-8.05a8.05 8.05 0 1 0 5.13 14.26l3.75 3.75a.56.56 0 1 0 .79-.79l-3.73-3.73A8.05 8.05 0 0 0 11.042 3z" clip-rule="evenodd"></path></svg></div></a></div></div><div class="dl h k j"><div class="n o"><p class="ar b bc bd be bf bg bh bi bj bk bl ao"><span><button class="ar b bc bd bm be bf bn bg bh bo bp bj bq br bl bs bt bu bv bw bx by bz ca cb cc cd ce cf u cg ch ci cj" data-testid="headerSignUpButton">Sign up</button></span></p><div class="ck x"><p class="ar b bc bd be bf bg bh bi bj bk bl ao"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" data-testid="headerSignInButton" rel="noopener follow" href="/m/signin?operation=login&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly&amp;source=collection_home---two_column_layout_nav-----------------------global_nav-----------">Sign in</a></span></p></div></div></div><div class="x" aria-hidden="false"><button class="cv dq at n o av dr ds dt" aria-label="user options menu" data-testid="headerUserIcon"><div class="x dm"><img alt="" class="x cg s dv dw dz" src="https://miro.medium.com/v2/resize:fill:64:64/1*dmbNkD5D-u45r44go_cf0g.png" width="32" height="32" loading="lazy" role="presentation"/><div class="du s x dv dw dx z cv dy"></div></div></button></div></div></div><div class="ea eb x"><div class="n ec ed"><main class="ee ef eg eh ei ej x ek"><div class="ff n fg c"><div class="x"><div class="n p"><div class="fh m fi fj fk fl"><div class="fm fn fo fp fq fr x"><div class="fs ft ag fu fv fw ai fx fy fz ga gb gc gd ge gf gg gh gi gj n"><div class="m n ft fw fz gd gh"><div class="gk gl gm gn go n o gp ek"><div class="gq i d gr gs"><div class="dm n"><img alt="Frontend Weekly" class="gt gv gu dz" src="https://miro.medium.com/v2/resize:fill:96:96/1*NDFydnWKD8c58PA36XKRKg.png" width="48" height="48" loading="lazy"/><div class="gt x gu gv dx z du gw"></div></div></div><div class="x"><div class="n if ig gb gf gj"><span class="ar gx gy gz ha hb hc hd he hf hg hh hi hj hk hl hm hn ho hp hq hr hs ht hu hv hw hx hy hz ia ib ic id ie">Frontend Weekly</span><div class="ih n o"></div></div><div class="ii i d"><p class="ar b ij ik ao"><span class="pw-follower-count ar b ij ik ao"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/followers?source=collection_home_page----c539d790d38a---------------------------------">27K Followers</a></span></p></div></div></div></div><div class="il af ag im in ah ai io aj ga ip i ge iq d m"><span><button class="ar b dc am bt ir bu bv bw bx by bz ca cb cc cd ce cf u cg ch ci cj">Follow</button></span></div></div><nav class="fm hx x dm"><div class="n o is it iu iv iw ix iy"><span class="iz x"><div class="jc jd dl je x"><a class="cv av ja" role="tab" href="https://medium.com/front-end-weekly?source=collection_home_page----c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b dc am ao"><span class="jb">Home</span></p></a></div></span><span class="iz x"><div class="jc jd dl je x"><a class="cv av ja" role="tab" href="https://medium.com/front-end-weekly/about?source=collection_home_page----c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b dc am ao"><span class="jb">About</span></p></a></div></span><span class="iz x"><div class="jc jd dl je x"><a class="cv av ja" role="tab" href="https://frontendweekly.co/?source=collection_home_page----c539d790d38a---------------------------------" rel="noopener follow" target="_blank"><p class="ar b dc am ao"><span class="jb">Newsletter</span></p></a></div></span><div class="dx jf z jg jh n o ji jj jk"><button class="cv at jl av jm jn" aria-label="next sections" tabindex="-1"><svg width="26px" height="26px" class="svgIcon-use" viewBox="0 0 19 19" style="transform:rotate(180deg)" aria-hidden="true"><path fill-rule="evenodd" d="M11.47 13.969 6.986 9.484 11.47 5l.553.492L8.03 9.484l3.993 3.993z"></path></svg></button></div><div class="dx jo z jg jp n o ji jj jq"><button class="cv at jl av jm jn" aria-label="previous sections" tabindex="-1"><svg width="26px" height="26px" class="svgIcon-use" viewBox="0 0 19 19" aria-hidden="true"><path fill-rule="evenodd" d="M11.47 13.969 6.986 9.484 11.47 5l.553.492L8.03 9.484l3.993 3.993z"></path></svg></button></div></div></nav></div></div></div></div><div class="jr x"><div><div class="n p"><div class="fh m fi fj fk fl"><div class="m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/react-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@mustafamulla765?source=collection_home_page----c539d790d38a-----0----------------------------"><div class="x dm"><img alt="Mustafamulla" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*h9JL-k8QRNKux4yuRe7IRA.jpeg" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@mustafamulla765?source=collection_home_page----c539d790d38a-----0----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Mustafamulla</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/react-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b?source=collection_home_page----c539d790d38a-----0----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">React.js Best Practices for Beginners: A Comprehensive Guide</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">React.js has solidified its place as one of the leading libraries for building dynamic and modern web applications. For beginners, its…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 20</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/react-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b?source=collection_home_page----c539d790d38a-----0----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Ff9db4b62df9b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Freact-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b&amp;source=----c539d790d38a-----0-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="React.js Best Practices for Beginners: A Comprehensive Guide"><div class="j i d"><img alt="React.js Best Practices for Beginners: A Comprehensive Guide" class="mr gt" src="https://miro.medium.com/v2/da:true/resize:fill:160:106/0*xcixornixAI_an5e" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="React.js Best Practices for Beginners: A Comprehensive Guide" class="mr gt" src="https://miro.medium.com/v2/da:true/resize:fill:320:214/0*xcixornixAI_an5e" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 20</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/react-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b?source=collection_home_page----c539d790d38a-----0----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Ff9db4b62df9b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Freact-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b&amp;source=----c539d790d38a-----0-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/static-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@webcluesinfo?source=collection_home_page----c539d790d38a-----1----------------------------"><div class="x dm"><img alt="WebClues Infotech" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*cPaBZFYtMlrTtqfWQWLcvA.png" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@webcluesinfo?source=collection_home_page----c539d790d38a-----1----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">WebClues Infotech</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/static-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a?source=collection_home_page----c539d790d38a-----1----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">Static Site Generation with Next.js: Using Next.js for ReactJS applications</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">Static Site Generation (SSG) has become an essential technique in modern web development, particularly for applications built using…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 20</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/static-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a?source=collection_home_page----c539d790d38a-----1----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F7790152da82a&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fstatic-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a&amp;source=----c539d790d38a-----1-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="ReactJS Development Company"><div class="j i d"><img alt="ReactJS Development Company" class="mr gt" src="https://miro.medium.com/v2/resize:fill:160:106/1*rcxtsM5NZTn5nAkyxIs1lQ.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="ReactJS Development Company" class="mr gt" src="https://miro.medium.com/v2/resize:fill:320:214/1*rcxtsM5NZTn5nAkyxIs1lQ.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 20</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/static-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a?source=collection_home_page----c539d790d38a-----1----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F7790152da82a&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fstatic-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a&amp;source=----c539d790d38a-----1-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/server-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@webcluesinfo?source=collection_home_page----c539d790d38a-----2----------------------------"><div class="x dm"><img alt="WebClues Infotech" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*cPaBZFYtMlrTtqfWQWLcvA.png" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@webcluesinfo?source=collection_home_page----c539d790d38a-----2----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">WebClues Infotech</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/server-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79?source=collection_home_page----c539d790d38a-----2----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">Server-Side Rendering with ReactJS: Benefits and implementation strategies</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">In today’s digital landscape, businesses are constantly seeking ways to improve their web applications. One of the most effective…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 20</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/server-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79?source=collection_home_page----c539d790d38a-----2----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Facff9c9c5d79&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fserver-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79&amp;source=----c539d790d38a-----2-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="Server-Side Rendering with ReactJS: Benefits and implementation strategies"><div class="j i d"><img alt="Server-Side Rendering with ReactJS: Benefits and implementation strategies" class="mr gt" src="https://miro.medium.com/v2/resize:fill:160:106/1*Kr0Rb6sl_-sRuOHGi4rmBQ.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="Server-Side Rendering with ReactJS: Benefits and implementation strategies" class="mr gt" src="https://miro.medium.com/v2/resize:fill:320:214/1*Kr0Rb6sl_-sRuOHGi4rmBQ.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 20</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/server-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79?source=collection_home_page----c539d790d38a-----2----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Facff9c9c5d79&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fserver-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79&amp;source=----c539d790d38a-----2-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/how-does-the-web-work-ba3bdaf29e2d" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@Dev_Frank?source=collection_home_page----c539d790d38a-----3----------------------------"><div class="x dm"><img alt="Dev Frank" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*L36ImQPDjmhuHTf7ITzA1Q.png" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@Dev_Frank?source=collection_home_page----c539d790d38a-----3----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Dev Frank</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/how-does-the-web-work-ba3bdaf29e2d?source=collection_home_page----c539d790d38a-----3----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">How Does the Web Work?</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">Have you ever stopped to think about what really happens when you type a URL into your browser and press Enter?</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 19</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/how-does-the-web-work-ba3bdaf29e2d?source=collection_home_page----c539d790d38a-----3----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fba3bdaf29e2d&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fhow-does-the-web-work-ba3bdaf29e2d&amp;source=----c539d790d38a-----3-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="How Does the Web Work?"><div class="j i d"><img alt="How Does the Web Work?" class="mr gt" src="https://miro.medium.com/v2/resize:fill:160:106/1*An7L13QbHL7gqTepUO44Gg.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="How Does the Web Work?" class="mr gt" src="https://miro.medium.com/v2/resize:fill:320:214/1*An7L13QbHL7gqTepUO44Gg.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 19</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/how-does-the-web-work-ba3bdaf29e2d?source=collection_home_page----c539d790d38a-----3----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fba3bdaf29e2d&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fhow-does-the-web-work-ba3bdaf29e2d&amp;source=----c539d790d38a-----3-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/forget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@david-x?source=collection_home_page----c539d790d38a-----4----------------------------"><div class="x dm"><img alt="David Xu" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*KAN2PUNLSUTcO3n9g0SS9A.jpeg" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@david-x?source=collection_home_page----c539d790d38a-----4----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">David Xu</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/forget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b?source=collection_home_page----c539d790d38a-----4----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">CSS’s new light-dark() function is the best way to implement Dark Mode in 2024</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">It is 2024, and finally there is a pure CSS way of doing dynamic theming, that just works!</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><div class="js n"><div class="ch" aria-hidden="false"><button class="x cv av at" aria-label="Member-only story"><div class=""><div><div class="ch" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Nov 19</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/forget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b?source=collection_home_page----c539d790d38a-----4----------------------------"><div><div class="n" aria-hidden="false"><div class="n o my"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>3</span></div></div></div></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F94981c61756b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fforget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b&amp;source=----c539d790d38a-----4-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="CSS’s new light-dark() function is the best way to implement Dark Mode in 2024"><div class="j i d"><img alt="CSS’s new light-dark() function is the best way to implement Dark Mode in 2024" class="mr gt" src="https://miro.medium.com/v2/resize:fill:160:106/1*oEBibUhfrmFILdh3GcFarw.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="CSS’s new light-dark() function is the best way to implement Dark Mode in 2024" class="mr gt" src="https://miro.medium.com/v2/resize:fill:320:214/1*oEBibUhfrmFILdh3GcFarw.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><div class="js n"><div class="ch" aria-hidden="false"><button class="x cv av at" aria-label="Member-only story"><div class=""><div><div class="ch" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Nov 19</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/forget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b?source=collection_home_page----c539d790d38a-----4----------------------------"><div><div class="n" aria-hidden="false"><div class="n o my"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="#6B6B6B" viewBox="0 0 16 16"><path fill="#6B6B6B" d="M12.344 11.458A5.28 5.28 0 0 0 14 7.526C14 4.483 11.391 2 8.051 2S2 4.483 2 7.527c0 3.051 2.712 5.526 6.059 5.526a6.6 6.6 0 0 0 1.758-.236q.255.223.554.414c.784.51 1.626.768 2.512.768a.37.37 0 0 0 .355-.214.37.37 0 0 0-.03-.384 4.7 4.7 0 0 1-.857-1.958v.014z"></path></svg><span>3</span></div></div></div></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F94981c61756b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fforget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b&amp;source=----c539d790d38a-----4-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/angular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@khizaruddins?source=collection_home_page----c539d790d38a-----5----------------------------"><div class="x dm"><img alt="Syed Khizaruddin" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/2*foZvxhy_cgdoYFRYGe8q_g.jpeg" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@khizaruddins?source=collection_home_page----c539d790d38a-----5----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Syed Khizaruddin</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/angular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b?source=collection_home_page----c539d790d38a-----5----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">Angular Frontend Framework from version 10 to version 19… All Changes published</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">Changes from Angular 10 release till 19 upcoming..</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 16</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/angular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b?source=collection_home_page----c539d790d38a-----5----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fbed89b53ec8b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fangular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b&amp;source=----c539d790d38a-----5-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="Angular from 10 to 19.."><div class="j i d"><img alt="Angular from 10 to 19.." class="mr gt" src="https://miro.medium.com/v2/da:true/resize:fill:160:106/0*U-DAIf4q7DOR3qCy" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="Angular from 10 to 19.." class="mr gt" src="https://miro.medium.com/v2/da:true/resize:fill:320:214/0*U-DAIf4q7DOR3qCy" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 16</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/angular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b?source=collection_home_page----c539d790d38a-----5----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fbed89b53ec8b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fangular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b&amp;source=----c539d790d38a-----5-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/step-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@abdullah-waqas?source=collection_home_page----c539d790d38a-----6----------------------------"><div class="x dm"><img alt="Abdullah Waqas" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*hN_y2r4fILhUzYmktMlDug.jpeg" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@abdullah-waqas?source=collection_home_page----c539d790d38a-----6----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Abdullah Waqas</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/step-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde?source=collection_home_page----c539d790d38a-----6----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">Step-by-Step Guide to Publishing a Private React SDK to Google Cloud’s Artifact Registry</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">There are a number of procedures to follow in order to make your company’s private React SDK available through Google’s Artifact Registry…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv mz lx na lz nb x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 11</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/step-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde?source=collection_home_page----c539d790d38a-----6----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F352727b56bde&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fstep-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde&amp;source=----c539d790d38a-----6-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 11</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/step-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde?source=collection_home_page----c539d790d38a-----6----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F352727b56bde&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fstep-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde&amp;source=----c539d790d38a-----6-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/sleep-vs-hibernate-when-to-use-each-f26b54a3d971" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@Dev_Frank?source=collection_home_page----c539d790d38a-----7----------------------------"><div class="x dm"><img alt="Dev Frank" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*L36ImQPDjmhuHTf7ITzA1Q.png" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@Dev_Frank?source=collection_home_page----c539d790d38a-----7----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Dev Frank</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/sleep-vs-hibernate-when-to-use-each-f26b54a3d971?source=collection_home_page----c539d790d38a-----7----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">Sleep vs. Hibernate: When to Use Each ?</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">Imagine you’re working at a coffee shop, and your battery is low. You’re not finished with your work, but shutting down would mean…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 11</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/sleep-vs-hibernate-when-to-use-each-f26b54a3d971?source=collection_home_page----c539d790d38a-----7----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Ff26b54a3d971&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fsleep-vs-hibernate-when-to-use-each-f26b54a3d971&amp;source=----c539d790d38a-----7-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="Sleep vs. Hibernate: When to Use Each ?"><div class="j i d"><img alt="Sleep vs. Hibernate: When to Use Each ?" class="mr gt" src="https://miro.medium.com/v2/resize:fill:160:106/1*SmnkZYVgBWMIMvri4ncBhg.png" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="Sleep vs. Hibernate: When to Use Each ?" class="mr gt" src="https://miro.medium.com/v2/resize:fill:320:214/1*SmnkZYVgBWMIMvri4ncBhg.png" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 11</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/sleep-vs-hibernate-when-to-use-each-f26b54a3d971?source=collection_home_page----c539d790d38a-----7----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Ff26b54a3d971&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fsleep-vs-hibernate-when-to-use-each-f26b54a3d971&amp;source=----c539d790d38a-----7-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/create-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@petitpois24_12726?source=collection_home_page----c539d790d38a-----8----------------------------"><div class="x dm"><img alt="Petipois" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/0*r6YoTv_8m3MtGLvC" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@petitpois24_12726?source=collection_home_page----c539d790d38a-----8----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Petipois</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/create-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0?source=collection_home_page----c539d790d38a-----8----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">Create an Online Digital Journal using Nuxt &amp; Supabase</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">In this tutorial, we are going to make an online digital journal website where you can create journal entries dynamically to your Nuxt.js…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv lw lx ly lz ma x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><div class="js n"><div class="ch" aria-hidden="false"><button class="x cv av at" aria-label="Member-only story"><div class=""><div><div class="ch" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Nov 9</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/create-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0?source=collection_home_page----c539d790d38a-----8----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fc0e957c8c9b0&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fcreate-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0&amp;source=----c539d790d38a-----8-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mm mn mo mp mq x"><div aria-label="Create an Online Digital Journal using Nuxt &amp; Supabase"><div class="j i d"><img alt="Create an Online Digital Journal using Nuxt &amp; Supabase" class="mr gt" src="https://miro.medium.com/v2/da:true/resize:fill:160:106/0*XM5bFb-IwROhMHYz" width="80" height="53" loading="lazy"/></div><div class="h k"><img alt="Create an Online Digital Journal using Nuxt &amp; Supabase" class="mr gt" src="https://miro.medium.com/v2/da:true/resize:fill:320:214/0*XM5bFb-IwROhMHYz" width="160" height="107" loading="lazy"/></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><div class="js n"><div class="ch" aria-hidden="false"><button class="x cv av at" aria-label="Member-only story"><div class=""><div><div class="ch" aria-hidden="false"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 64 64"><path fill="#FFC017" d="m39.637 40.831-5.771 15.871a1.99 1.99 0 0 1-3.732 0l-5.771-15.87a2.02 2.02 0 0 0-1.194-1.195L7.298 33.866a1.99 1.99 0 0 1 0-3.732l15.87-5.771a2.02 2.02 0 0 0 1.195-1.194l5.771-15.871a1.99 1.99 0 0 1 3.732 0l5.771 15.87a2.02 2.02 0 0 0 1.194 1.195l15.871 5.771a1.99 1.99 0 0 1 0 3.732l-15.87 5.771a2.02 2.02 0 0 0-1.195 1.194"></path></svg></div></div></div></button></div></div><span>Nov 9</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/create-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0?source=collection_home_page----c539d790d38a-----8----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2Fc0e957c8c9b0&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Fcreate-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0&amp;source=----c539d790d38a-----8-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div class="n p"><div class="fh m fi fj fk fl"><div class="mx m x"><article class=""><div class="js x"><div class="m bb"><div class="x"><div class="m x"><div style="position:relative;display:flex" role="link" data-href="https://medium.com/front-end-weekly/real-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b" tabindex="0"><div class="m jt ju jv jw"><div class="n"><div class="jx jy jz ka kb n o"><div class="kc x"><div><div class="x" aria-hidden="false"><a tabindex="-1" rel="noopener follow" href="/@promo-6759?source=collection_home_page----c539d790d38a-----9----------------------------"><div class="x dm"><img alt="Requestum" class="x cg s kd ke dz" src="https://miro.medium.com/v2/resize:fill:40:40/1*yleWO06TlN13Uvil3-oyqg.png" width="20" height="20" loading="lazy"/><div class="du s x kd ke dx z cv dy"></div></div></a></div></div></div><div><div class="x" aria-hidden="false"><a class="cl ap cm cn co as cp at au av aw ax ay kf n o" rel="noopener follow" href="/@promo-6759?source=collection_home_page----c539d790d38a-----9----------------------------"><p class="ar b aq am hx kg hy hz kh ia ki ic df">Requestum</p></a></div></div></div></div><div class="n"><div class="x ek ib"><div class="kj kk kl km kn ko kp kq kr ks"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/front-end-weekly/real-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b?source=collection_home_page----c539d790d38a-----9----------------------------"><h2 class="ar kt ku kv kw hb kx ky kz la hg lb hi hj lc ld hm le lf lg lh li lj lk ll lm ln hx hy hz ia ic df">❯Real Estate APIs: A Comprehensive Review of the Best Options for Developers</h2><div class="lo"><h3 class="ar b ij am hx lp hy hz lq ia ic ao">The ever-growing market of real estate calls for an updated model of interaction between the providers in this niche. 75% of the time…</h3></div></a></div><div class="h k"><div class="lr ls lt lu lv mz lx na lz nb x"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 5</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/real-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b?source=collection_home_page----c539d790d38a-----9----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F562397a8313b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Freal-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b&amp;source=----c539d790d38a-----9-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div></div><div class="ms j i d"><span class="ar b aq am ao"><div class="gu n mb cr"><div class="n o mg"><span>Nov 5</span><div class="h k j i d"><div class="dm mc md n o"><div class="dx me mf n o mg"><div class="ck md mh x dz"></div></div><a class="dx jj mf n o mg" tabindex="-1" rel="noopener follow" href="/front-end-weekly/real-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b?source=collection_home_page----c539d790d38a-----9----------------------------"></a></div></div></div><div class="n o mi mj"><div class="h k j i d"><div><div class="ch" aria-hidden="false"><span><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/m/signin?actionUrl=https%3A%2F%2Fmedium.com%2F_%2Fbookmark%2Fp%2F562397a8313b&amp;operation=register&amp;redirect=https%3A%2F%2Fmedium.com%2Ffront-end-weekly%2Freal-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b&amp;source=----c539d790d38a-----9-----------------bookmark_preview-----------"><svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" fill="none" viewBox="0 0 25 25" class="ao mk ml" aria-label="Add to list bookmark button"><path fill="currentColor" d="M18 2.5a.5.5 0 0 1 1 0V5h2.5a.5.5 0 0 1 0 1H19v2.5a.5.5 0 1 1-1 0V6h-2.5a.5.5 0 0 1 0-1H18zM7 7a1 1 0 0 1 1-1h3.5a.5.5 0 0 0 0-1H8a2 2 0 0 0-2 2v14a.5.5 0 0 0 .805.396L12.5 17l5.695 4.396A.5.5 0 0 0 19 21v-8.5a.5.5 0 0 0-1 0v7.485l-5.195-4.012a.5.5 0 0 0-.61 0L7 19.985z"></path></svg></a></span></div></div></div></div></div></span></div></div></div><div class="mt m ae il in mu mv mw"></div></div></div></div></div></article></div></div></div><div></div></div></div></div></main><div class="el em h eo ep eq k er es et j eu ev ew ex ey ez fa fb fc fd cg c fe ff"><div class="bb m ch dm"><div class="x y nc"><div class="nd n fg"><div class="x cr"><div class="ne nf ng x"><div class="jc x"><div class="x dm"><img alt="Frontend Weekly" class="x cg s nh ni dz" src="https://miro.medium.com/v2/resize:fill:176:176/1*NDFydnWKD8c58PA36XKRKg.png" width="88" height="88" loading="lazy"/><div class="du s x nh ni dx z cv gw"></div></div></div><div class="jc x"><p class="ar b dc am ao">It&#x27;s really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at <a class="cl ap cm cn co as cp at au av aw ax ay nj nk" href="http://frontendweekly.co" rel="noopener ugc nofollow">http://frontendweekly.co</a></p></div><div class="jc x"><span><button class="ar b dc am bt ir bu bv bw bx by bz ca cb cc cd ce cf u cg ch ci cj">Follow</button></span></div><div class="n o nl"><div class="nm n o gs"><p class="ar b ij ik ao">Connect with <!-- -->Frontend Weekly</p></div><div class="n o gs"><div class="no x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://twitter.com/frontendweekly1?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow" target="_blank"><span aria-label="Twitter (link opens in new tab)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24" class="nn"><path fill="#242424" d="M13.346 10.932 18.88 4.5h-1.311l-4.805 5.585L8.926 4.5H4.5l5.803 8.446L4.5 19.69h1.311l5.074-5.898 4.053 5.898h4.426zM11.55 13.02l-.588-.84-4.678-6.693h2.014l3.776 5.4.588.842 4.907 7.02h-2.014z"></path></svg></span></a></div><div class="x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://www.facebook.com/frontendweekly1?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow" target="_blank"><span aria-label="Facebook (link opens in new tab)"><svg width="25" height="25" fill="#3B5998" class="nn"><path fill-rule="evenodd" d="M20.292 4H4.709A.71.71 0 0 0 4 4.708v15.584c0 .391.317.708.709.708h8.323v-6.375h-2.125v-2.656h2.125V9.844c0-2.196 1.39-3.276 3.348-3.276.938 0 1.745.07 1.98.1v2.295h-1.358c-1.066 0-1.314.507-1.314 1.25v1.756h2.656l-.531 2.656h-2.125L15.73 21h4.562a.71.71 0 0 0 .708-.708V4.708A.71.71 0 0 0 20.292 4"></path></svg></span></a></div></div></div></div><div class="ne nf ng x"><div class="x"><div class="x"><div class="jc x"><h2 class="ar gx ij am np df">Editors</h2></div></div><div class="x"><div class="bb m x"><div class="jc m n nq mb"><div class="kc n"><a tabindex="0" rel="noopener follow" href="/@eibrahim?source=collection_home_page---collection_editors-c539d790d38a-----0----------------------------"><div class="x dm"><img alt="Emad Ibrahim" class="x cg s dv dw dz" src="https://miro.medium.com/v2/resize:fill:64:64/1*V_7my4UR1Iun-913Gk4xLw.jpeg" width="32" height="32" loading="lazy"/><div class="du s x dv dw dx z cv gw"></div></div></a><div class="ck kc x"><div class="n o"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/@eibrahim?source=collection_home_page---collection_editors-c539d790d38a-----0----------------------------"><h2 class="ar kt ij am hx lp hy hz lq ia ib ic np df">Emad Ibrahim</h2></a></div><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/@eibrahim?source=collection_home_page---collection_editors-c539d790d38a-----0----------------------------"><div class="nr x ib"><p class="ar b aq am hx ns nt nu nv nw nx ny hq nz oa hy hz ia ic ao">Husband, Father of Twins, Published Author, Entrepreneur, Passionate Technologist, Programmer and Productivity Nut. more at https://about.me/eibrahim</p></div></a></div></div><span><button class="ar b aq am df ob nn oc od mk oe of bz ca cb og oh oi ce cf u cg ch ci cj">Follow</button></span></div></div><div class="bb m x"><div class="m n nq mb"><div class="kc n"><a tabindex="0" rel="noopener follow" href="/@manilyn.juaton94?source=collection_home_page---collection_editors-c539d790d38a-----1----------------------------"><div class="x dm"><img alt="Manilyn Juaton" class="x cg s dv dw dz" src="https://miro.medium.com/v2/resize:fill:64:64/0*SizYubg6kXyyKAud" width="32" height="32" loading="lazy"/><div class="du s x dv dw dx z cv gw"></div></div></a><div class="ck kc x"><div class="n o"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/@manilyn.juaton94?source=collection_home_page---collection_editors-c539d790d38a-----1----------------------------"><h2 class="ar kt ij am hx lp hy hz lq ia ib ic np df">Manilyn Juaton</h2></a></div><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/@manilyn.juaton94?source=collection_home_page---collection_editors-c539d790d38a-----1----------------------------"><div class="nr x ib"><p class="ar b aq am hx ns nt nu nv nw nx ny hq nz oa hy hz ia ic ao"></p></div></a></div></div><span><button class="ar b aq am df ob nn oc od mk oe of bz ca cb og oh oi ce cf u cg ch ci cj">Follow</button></span></div></div></div></div></div><div class="ne nf ng x"><div><div class="ne x ib"><h2 class="ar gx oj ik np df">Sign up for Frontend Weekly</h2></div><div class="ok x"><h3 class="ar b aq am df">By Frontend Weekly</h3></div><div class="ol lo x"><p class="ar b aq am df">The best articles, links and news related to Frontend Development delivered once a week to your inbox.<!-- --> <a class="cl ap cm cn co as cp at au av aw ax ay nj" rel="noopener follow" href="/front-end-weekly/newsletters/frontend-weekly?source=newsletter_v3_promo--------------------------newsletter_v3_promo-----------">Take a look.</a></p></div><div class="n nl"></div></div></div></div><div class="om n ec nl"><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://help.medium.com/hc/en-us?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Help</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://medium.statuspage.io/?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Status</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/about?autoplay=1&amp;source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------"><p class="ar b oo op ao">About</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/jobs-at-medium/work-at-medium-959d1a85284e?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------"><p class="ar b oo op ao">Careers</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="pressinquiries@medium.com?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Press</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://blog.medium.com/?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Blog</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://policy.medium.com/medium-privacy-policy-f03bf92035c9?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Privacy</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://policy.medium.com/medium-terms-of-service-9db0094a1e0f?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Terms</p></a></div><div class="on x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" href="https://speechify.com/medium?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------" rel="noopener follow"><p class="ar b oo op ao">Text to speech</p></a></div><div class="x"><a class="cl ap cm cn co as cp at au av aw ax ay az ba" rel="noopener follow" href="/business?source=collection_home_page---collection_sidebar-c539d790d38a---------------------------------"><p class="ar b oo op ao">Teams</p></a></div></div></div></div></div></div></div></div></div></div></div><script>window.__BUILD_ID__="main-20241202-120250-b4d476f058"</script><script>window.__GRAPHQL_URI__ = "https://medium.com/_/graphql"</script><script>window.__PRELOADED_STATE__ = {"algolia":{"queries":{}},"cache":{"experimentGroupSet":true,"reason":"Edgy did not set shouldUseCache to true","group":"disabled","tags":[],"serverVariantState":"","middlewareEnabled":true,"cacheStatus":"DYNAMIC","shouldUseCache":false,"vary":[],"lohpSummerUpsellEnabled":false,"publicationHierarchyEnabledWeb":false,"postBottomResponsesEnabled":false},"client":{"hydrated":false,"isUs":false,"isNativeMedium":false,"isSafariMobile":false,"isSafari":false,"isFirefox":false,"routingEntity":{"type":"DEFAULT","explicit":false},"viewerIsBot":false},"debug":{"requestId":"5a7066b3-a7bd-4cea-9430-df07c9fd8611","hybridDevServices":[],"originalSpanCarrier":{"traceparent":"00-6b7a0543b6c8f71355d0806bbad71362-34ca9dd5e5df5868-01"}},"multiVote":{"clapsPerPost":{}},"navigation":{"branch":{"show":null,"hasRendered":null,"blockedByCTA":false},"hideGoogleOneTap":false,"hasRenderedAlternateUserBanner":null,"currentLocation":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly","host":"medium.com","hostname":"medium.com","referrer":"","hasSetReferrer":false,"susiModal":{"step":null,"operation":"register"},"postRead":false,"partnerProgram":{"selectedCountryCode":null},"queryString":"?source=post_page---byline--6953dcd5e904--------------------------------"},"config":{"nodeEnv":"production","version":"main-20241202-120250-b4d476f058","target":"production","productName":"Medium","publicUrl":"https:\u002F\u002Fcdn-client.medium.com\u002Flite","authDomain":"medium.com","authGoogleClientId":"216296035834-k1k6qe060s2tp2a2jam4ljdcms00sttg.apps.googleusercontent.com","favicon":"production","glyphUrl":"https:\u002F\u002Fglyph.medium.com","branchKey":"key_live_ofxXr2qTrrU9NqURK8ZwEhknBxiI6KBm","algolia":{"appId":"MQ57UUUQZ2","apiKeySearch":"394474ced050e3911ae2249ecc774921","indexPrefix":"medium_","host":"-dsn.algolia.net"},"recaptchaKey":"6Lfc37IUAAAAAKGGtC6rLS13R1Hrw_BqADfS1LRk","recaptcha3Key":"6Lf8R9wUAAAAABMI_85Wb8melS7Zj6ziuf99Yot5","recaptchaEnterpriseKeyId":"6Le-uGgpAAAAAPprRaokM8AKthQ9KNGdoxaGUvVp","datadog":{"applicationId":"6702d87d-a7e0-42fe-bbcb-95b469547ea0","clientToken":"pub853ea8d17ad6821d9f8f11861d23dfed","rumToken":"pubf9cc52896502b9413b68ba36fc0c7162","context":{"deployment":{"target":"production","tag":"main-20241202-120250-b4d476f058","commit":"b4d476f05843111baca5a9be048d4d77758064af"}},"datacenter":"us"},"googleAnalyticsCode":"G-7JY7T788PK","googlePay":{"apiVersion":"2","apiVersionMinor":"0","merchantId":"BCR2DN6TV7EMTGBM","merchantName":"Medium","instanceMerchantId":"13685562959212738550"},"applePay":{"version":3},"signInWallCustomDomainCollectionIds":["3a8144eabfe3","336d898217ee","61061eb0c96b","138adf9c44c","819cc2aaeee0"],"mediumMastodonDomainName":"me.dm","mediumOwnedAndOperatedCollectionIds":["8a9336e5bb4","b7e45b22fec3","193b68bd4fba","8d6b8a439e32","54c98c43354d","3f6ecf56618","d944778ce714","92d2092dc598","ae2a65f35510","1285ba81cada","544c7006046e","fc8964313712","40187e704f1c","88d9857e584e","7b6769f2748b","bcc38c8f6edf","cef6983b292","cb8577c9149e","444d13b52878","713d7dbc99b0","ef8e90590e66","191186aaafa0","55760f21cdc5","9dc80918cc93","bdc4052bbdba","8ccfed20cbb2"],"tierOneDomains":["medium.com","thebolditalic.com","arcdigital.media","towardsdatascience.com","uxdesign.cc","codeburst.io","psiloveyou.xyz","writingcooperative.com","entrepreneurshandbook.co","prototypr.io","betterhumans.coach.me","theascent.pub"],"topicsToFollow":["d61cf867d93f","8a146bc21b28","1eca0103fff3","4d562ee63426","aef1078a3ef5","e15e46793f8d","6158eb913466","55f1c20aba7a","3d18b94f6858","4861fee224fd","63c6f1f93ee","1d98b3a9a871","decb52b64abf","ae5d4995e225","830cded25262"],"topicToTagMappings":{"accessibility":"accessibility","addiction":"addiction","android-development":"android-development","art":"art","artificial-intelligence":"artificial-intelligence","astrology":"astrology","basic-income":"basic-income","beauty":"beauty","biotech":"biotech","blockchain":"blockchain","books":"books","business":"business","cannabis":"cannabis","cities":"cities","climate-change":"climate-change","comics":"comics","coronavirus":"coronavirus","creativity":"creativity","cryptocurrency":"cryptocurrency","culture":"culture","cybersecurity":"cybersecurity","data-science":"data-science","design":"design","digital-life":"digital-life","disability":"disability","economy":"economy","education":"education","equality":"equality","family":"family","feminism":"feminism","fiction":"fiction","film":"film","fitness":"fitness","food":"food","freelancing":"freelancing","future":"future","gadgets":"gadgets","gaming":"gaming","gun-control":"gun-control","health":"health","history":"history","humor":"humor","immigration":"immigration","ios-development":"ios-development","javascript":"javascript","justice":"justice","language":"language","leadership":"leadership","lgbtqia":"lgbtqia","lifestyle":"lifestyle","machine-learning":"machine-learning","makers":"makers","marketing":"marketing","math":"math","media":"media","mental-health":"mental-health","mindfulness":"mindfulness","money":"money","music":"music","neuroscience":"neuroscience","nonfiction":"nonfiction","outdoors":"outdoors","parenting":"parenting","pets":"pets","philosophy":"philosophy","photography":"photography","podcasts":"podcast","poetry":"poetry","politics":"politics","privacy":"privacy","product-management":"product-management","productivity":"productivity","programming":"programming","psychedelics":"psychedelics","psychology":"psychology","race":"race","relationships":"relationships","religion":"religion","remote-work":"remote-work","san-francisco":"san-francisco","science":"science","self":"self","self-driving-cars":"self-driving-cars","sexuality":"sexuality","social-media":"social-media","society":"society","software-engineering":"software-engineering","space":"space","spirituality":"spirituality","sports":"sports","startups":"startup","style":"style","technology":"technology","transportation":"transportation","travel":"travel","true-crime":"true-crime","tv":"tv","ux":"ux","venture-capital":"venture-capital","visual-design":"visual-design","work":"work","world":"world","writing":"writing"},"defaultImages":{"avatar":{"imageId":"1*dmbNkD5D-u45r44go_cf0g.png","height":150,"width":150},"orgLogo":{"imageId":"7*V1_7XP4snlmqrc_0Njontw.png","height":110,"width":500},"postLogo":{"imageId":"bd978bb536350a710e8efb012513429cabdc4c28700604261aeda246d0f980b7","height":810,"width":1440},"postPreviewImage":{"imageId":"1*hn4v1tCaJy7cWMyb0bpNpQ.png","height":386,"width":579}},"collectionStructuredData":{"8d6b8a439e32":{"name":"Elemental","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F980\u002F1*9ygdqoKprhwuTVKUM0DLPA@2x.png","width":980,"height":159}}},"3f6ecf56618":{"name":"Forge","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F596\u002F1*uULpIlImcO5TDuBZ6lm7Lg@2x.png","width":596,"height":183}}},"ae2a65f35510":{"name":"GEN","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F264\u002F1*RdVZMdvfV3YiZTw6mX7yWA.png","width":264,"height":140}}},"88d9857e584e":{"name":"LEVEL","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*JqYMhNX6KNNb2UlqGqO2WQ.png","width":540,"height":108}}},"7b6769f2748b":{"name":"Marker","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F383\u002F1*haCUs0wF6TgOOvfoY-jEoQ@2x.png","width":383,"height":92}}},"444d13b52878":{"name":"OneZero","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*cw32fIqCbRWzwJaoQw6BUg.png","width":540,"height":123}}},"8ccfed20cbb2":{"name":"Zora","data":{"@type":"NewsMediaOrganization","ethicsPolicy":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Farticles\u002F360043290473","logo":{"@type":"ImageObject","url":"https:\u002F\u002Fmiro.medium.com\u002Fmax\u002F540\u002F1*tZUQqRcCCZDXjjiZ4bDvgQ.png","width":540,"height":106}}}},"embeddedPostIds":{"coronavirus":"cd3010f9d81f"},"sharedCdcMessaging":{"COVID_APPLICABLE_TAG_SLUGS":[],"COVID_APPLICABLE_TOPIC_NAMES":[],"COVID_APPLICABLE_TOPIC_NAMES_FOR_TOPIC_PAGE":[],"COVID_MESSAGES":{"tierA":{"text":"For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":66,"end":73,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"tierB":{"text":"Anyone can publish on Medium per our Policies, but we don’t fact-check every story. For more info about the coronavirus, see cdc.gov.","markups":[{"start":37,"end":45,"href":"https:\u002F\u002Fhelp.medium.com\u002Fhc\u002Fen-us\u002Fcategories\u002F201931128-Policies-Safety"},{"start":125,"end":132,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"paywall":{"text":"This article has been made free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":56,"end":70,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":138,"end":145,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]},"unbound":{"text":"This article is free for everyone, thanks to Medium Members. For more information on the novel coronavirus and Covid-19, visit cdc.gov.","markups":[{"start":45,"end":59,"href":"https:\u002F\u002Fmedium.com\u002Fmembership"},{"start":127,"end":134,"href":"https:\u002F\u002Fwww.cdc.gov\u002Fcoronavirus\u002F2019-nCoV"}]}},"COVID_BANNER_POST_ID_OVERRIDE_WHITELIST":["3b31a67bff4a"]},"sharedVoteMessaging":{"TAGS":["politics","election-2020","government","us-politics","election","2020-presidential-race","trump","donald-trump","democrats","republicans","congress","republican-party","democratic-party","biden","joe-biden","maga"],"TOPICS":["politics","election"],"MESSAGE":{"text":"Find out more about the U.S. election results here.","markups":[{"start":46,"end":50,"href":"https:\u002F\u002Fcookpolitical.com\u002F2020-national-popular-vote-tracker"}]},"EXCLUDE_POSTS":["397ef29e3ca5"]},"embedPostRules":[],"recircOptions":{"v1":{"limit":3},"v2":{"limit":8}},"braintreeClientKey":"production_zjkj96jm_m56f8fqpf7ngnrd4","braintree":{"enabled":true,"merchantId":"m56f8fqpf7ngnrd4","merchantAccountId":{"usd":"AMediumCorporation_instant","eur":"amediumcorporation_EUR","cad":"amediumcorporation_CAD"},"publicKey":"ds2nn34bg2z7j5gd","braintreeEnvironment":"production","dashboardUrl":"https:\u002F\u002Fwww.braintreegateway.com\u002Fmerchants","gracePeriodDurationInDays":14,"mediumMembershipPlanId":{"monthly":"ce105f8c57a3","monthlyV2":"e8a5e126-792b-4ee6-8fba-d574c1b02fc5","monthlyWithTrial":"d5ee3dbe3db8","monthlyPremium":"fa741a9b47a2","yearly":"a40ad4a43185","yearlyV2":"3815d7d6-b8ca-4224-9b8c-182f9047866e","yearlyStaff":"d74fb811198a","yearlyWithTrial":"b3bc7350e5c7","yearlyPremium":"e21bd2c12166","monthlyOneYearFree":"e6c0637a-2bad-4171-ab4f-3c268633d83c","monthly25PercentOffFirstYear":"235ecc62-0cdb-49ae-9378-726cd21c504b","monthly20PercentOffFirstYear":"ba518864-9c13-4a99-91ca-411bf0cac756","monthly15PercentOffFirstYear":"594c029b-9f89-43d5-88f8-8173af4e070e","monthly10PercentOffFirstYear":"c6c7bc9a-40f2-4b51-8126-e28511d5bdb0","monthlyForStudents":"629ebe51-da7d-41fd-8293-34cd2f2030a8","yearlyOneYearFree":"78ba7be9-0d9f-4ece-aa3e-b54b826f2bf1","yearly25PercentOffFirstYear":"2dbb010d-bb8f-4eeb-ad5c-a08509f42d34","yearly20PercentOffFirstYear":"47565488-435b-47f8-bf93-40d5fbe0ebc8","yearly15PercentOffFirstYear":"8259809b-0881-47d9-acf7-6c001c7f720f","yearly10PercentOffFirstYear":"9dd694fb-96e1-472c-8d9e-3c868d5c1506","yearlyForStudents":"e29345ef-ab1c-4234-95c5-70e50fe6bc23","monthlyCad":"p52orjkaceei","yearlyCad":"h4q9g2up9ktt"},"braintreeDiscountId":{"oneMonthFree":"MONTHS_FREE_01","threeMonthsFree":"MONTHS_FREE_03","sixMonthsFree":"MONTHS_FREE_06","fiftyPercentOffOneYear":"FIFTY_PERCENT_OFF_ONE_YEAR"},"3DSecureVersion":"2","defaultCurrency":"usd","providerPlanIdCurrency":{"4ycw":"usd","rz3b":"usd","3kqm":"usd","jzw6":"usd","c2q2":"usd","nnsw":"usd","q8qw":"usd","d9y6":"usd","fx7w":"cad","nwf2":"cad"}},"paypalClientId":"AXj1G4fotC2GE8KzWX9mSxCH1wmPE3nJglf4Z2ig_amnhvlMVX87otaq58niAg9iuLktVNF_1WCMnN7v","paypal":{"host":"https:\u002F\u002Fapi.paypal.com:443","clientMode":"production","serverMode":"live","webhookId":"4G466076A0294510S","monthlyPlan":{"planId":"P-9WR0658853113943TMU5FDQA","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlan":{"planId":"P-7N8963881P8875835MU5JOPQ","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oneYearGift":{"name":"Medium Membership (1 Year, Digital Gift Code)","description":"Unlimited access to the best and brightest stories on Medium. Gift codes can be redeemed at medium.com\u002Fredeem.","price":"50.00","currency":"USD","sku":"membership-gift-1-yr"},"oldMonthlyPlan":{"planId":"P-96U02458LM656772MJZUVH2Y","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlan":{"planId":"P-59P80963JF186412JJZU3SMI","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"monthlyPlanWithTrial":{"planId":"P-66C21969LR178604GJPVKUKY","name":"Medium Membership (Monthly) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"yearlyPlanWithTrial":{"planId":"P-6XW32684EX226940VKCT2MFA","name":"Medium Membership (Annual) with setup fee","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"oldMonthlyPlanNoSetupFee":{"planId":"P-4N046520HR188054PCJC7LJI","name":"Medium Membership (Monthly)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed monthly."},"oldYearlyPlanNoSetupFee":{"planId":"P-7A4913502Y5181304CJEJMXQ","name":"Medium Membership (Annual)","description":"Unlimited access to the best and brightest stories on Medium. Membership billed annually."},"sdkUrl":"https:\u002F\u002Fwww.paypal.com\u002Fsdk\u002Fjs"},"stripePublishableKey":"pk_live_7FReX44VnNIInZwrIIx6ghjl","log":{"json":true,"level":"info"},"imageUploadMaxSizeMb":25,"staffPicks":{"title":"Staff Picks","catalogId":"c7bc6e1ee00f"}},"session":{"xsrf":""}}</script><script>window.__APOLLO_STATE__ = {"ROOT_QUERY":{"__typename":"Query","viewer":null,"variantFlags":[{"__typename":"VariantFlag","name":"allow_access","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_author_cards","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sprig","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_abandoned_cart_promotion_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_simplified_digest_v2_b","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_c","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_newsletter_lo_flow_custom_domains","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reengagement_notification_duration","valueType":{"__typename":"VariantFlagNumber","value":3}},{"__typename":"VariantFlag","name":"enable_see_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_switch_plan_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_verified_book_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_remove_twitter_onboarding_step","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_intrinsic_automatic_actions","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_social_share_sheet","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_new_manage_membership_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_starspace","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_aurora_pub_follower_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_widget","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_country_expansion","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recaptcha_enterprise","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_integration","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_legacy_feed_in_iceland","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_maim_the_meter","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"can_receive_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_marketing_emails","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_programming_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tribute_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_home_post_menu","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_post_referrers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_image_sharer","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_dynamic_aspirational_paywall","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_verified_author","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_app_flirty_thirty","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_model_v2","valueType":{"__typename":"VariantFlagString","value":"group_2"}},{"__typename":"VariantFlag","name":"enable_group_gifting","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier_badge","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"glyph_font_set","valueType":{"__typename":"VariantFlagString","value":"m2-unbound-source-serif-pro"}},{"__typename":"VariantFlag","name":"enable_branch_io","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_one_tap","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_autorefresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"limit_user_follows","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"reader_fair_distribution_non_qp","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_trial_membership","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_yearly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_boost_nia_v01","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members_username_selection","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_medium2_kbfd","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lo_homepage","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"can_send_tips_v0","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_premium_plan","valueType":{"__typename":"VariantFlagString","value":"4a442ace1476"}},{"__typename":"VariantFlag","name":"enable_seamless_social_sharing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_display_paywall_after_onboarding","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rito_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pre_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_server_upstream_deadlines","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_import","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_response_markup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bg_post_post","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pill_based_home_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_paypal","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_easy_resubscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_for_members","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_continue_this_thread","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_lock_responses","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_automod","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_homepage","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_post_bottom_responses_input","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recirc_model","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_recommended_publishers_query","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"available_annual_plan","valueType":{"__typename":"VariantFlagString","value":"2c754bcc2995"}},{"__typename":"VariantFlag","name":"enable_author_cards_byline","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_programming","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tick_landing_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_deprecate_legacy_providers_v3","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_lite_archive_page","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_conversion_ranker_v2","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"enable_ios_dynamic_paywall_aspiriational","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_rating_prompt_stories_read_threshold","valueType":{"__typename":"VariantFlagNumber","value":2}},{"__typename":"VariantFlag","name":"enable_susi_redesign_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_apple_sign_in","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_auto_follow_on_subscribe","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_apple_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_reading_history","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_topic_portals_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"redefined_top_posts","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_two_hour_refresh","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"browsable_stream_config_bucket","valueType":{"__typename":"VariantFlagString","value":"curated-topics"}},{"__typename":"VariantFlag","name":"enable_footer_app_buttons","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_update_explore_wtf","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_syntax_highlight","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"onboarding_tags_from_top_views","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_postpage_banners","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_validate_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_google_webhook","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_first_story","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signup_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_entities_to_follow_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_explicit_signals_updated_post_previews","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_iceland_forced_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_pp_v4","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"textshots_userid","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"enable_braintree_client","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_bayesian_average_pub_search","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_braintree_google_pay","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_eventstats_event_processing","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_in_app_free_trial","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_speechify_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_editor_new_publishing_flow","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_lists_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_new_push_notification_endpoint","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_updated_pub_recs_ui","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"android_enable_topic_portals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_signup","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"price_smoke_test_monthly","valueType":{"__typename":"VariantFlagString","value":""}},{"__typename":"VariantFlag","name":"skip_fs_cache_user_vals","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"allow_test_auth","valueType":{"__typename":"VariantFlagString","value":"disallow"}},{"__typename":"VariantFlag","name":"available_monthly_plan","valueType":{"__typename":"VariantFlagString","value":"60e220181034"}},{"__typename":"VariantFlag","name":"enable_new_stripe_customers","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_verifications_service","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"rex_generator_max_candidates","valueType":{"__typename":"VariantFlagNumber","value":1000}},{"__typename":"VariantFlag","name":"enable_android_offline_reading","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_billing_frequency_on_step2","valueType":{"__typename":"VariantFlagString","value":"group_1"}},{"__typename":"VariantFlag","name":"enable_publication_hierarchy_web","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_ranker_v10","valueType":{"__typename":"VariantFlagString","value":"control"}},{"__typename":"VariantFlag","name":"num_post_bottom_responses_to_show","valueType":{"__typename":"VariantFlagString","value":"3"}},{"__typename":"VariantFlag","name":"available_monthly_premium_plan","valueType":{"__typename":"VariantFlagString","value":"12a660186432"}},{"__typename":"VariantFlag","name":"enable_configure_pronouns","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tipping_v0_android","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"mobile_custom_app_icon","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_mastodon_avatar_upload","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_members_only_audio","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_sharer_create_post_share_key","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_susi_redesign_ios","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"coronavirus_topic_recirc","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_android_miro_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_creator_welcome_email","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_moc_load_processor_all_recs_surfaces","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_iceland_nux","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"disable_partner_program_enrollment","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_cache_less_following_feed","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_diversification_rex","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_rex_aggregator_v2","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_tag_recs","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"goliath_externalsearch_enable_comment_deindexation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"ios_enable_friend_links_creation","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"signin_services","valueType":{"__typename":"VariantFlagString","value":"twitter,facebook,google,email,google-fastidv,google-one-tap,apple"}},{"__typename":"VariantFlag","name":"enable_ml_rank_rex_anno","valueType":{"__typename":"VariantFlagBoolean","value":true}},{"__typename":"VariantFlag","name":"enable_premium_tier","valueType":{"__typename":"VariantFlagBoolean","value":true}}],"collectionByDomainOrSlug({\"domainOrSlug\":\"front-end-weekly\"})":{"__ref":"Collection:c539d790d38a"},"collection({\"id\":\"c539d790d38a\"})":{"__ref":"Collection:c539d790d38a"}},"ImageMetadata:":{"__typename":"ImageMetadata","id":"","focusPercentX":null,"focusPercentY":null,"alt":null},"Collection:c539d790d38a":{"__typename":"Collection","id":"c539d790d38a","favicon":{"__ref":"ImageMetadata:"},"customDomainState":{"__typename":"CustomDomainState","live":null},"slug":"front-end-weekly","name":"Frontend Weekly","domain":null,"customStyleSheet":{"__ref":"CustomStyleSheet:df9eb197ec26"},"colorPalette":{"__typename":"ColorPalette","highlightSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FFFFFFFF","point":0},{"__typename":"ColorPoint","color":"#FFE8F3E8","point":0.1},{"__typename":"ColorPoint","color":"#FFE8F3E8","point":0.2},{"__typename":"ColorPoint","color":"#FFD1E7D1","point":0.6},{"__typename":"ColorPoint","color":"#FFA3D0A2","point":1}]},"defaultBackgroundSpectrum":{"__typename":"ColorSpectrum","backgroundColor":"#FFFFFFFF","colorPoints":[{"__typename":"ColorPoint","color":"#FF1A8917","point":0},{"__typename":"ColorPoint","color":"#FF11800E","point":0.1},{"__typename":"ColorPoint","color":"#FF0F730C","point":0.2},{"__typename":"ColorPoint","color":"#FF095407","point":1}]},"tintBackgroundSpectrum":null},"description":"It's really hard to keep up with all the front-end development news out there. Let us help you. We hand-pick interesting articles related to front-end development. You can also subscribe to our weekly newsletter at http:\u002F\u002Ffrontendweekly.co","editorsNote":"Discover a compilation of captivating content centered around JavaScript and front-end development. Struggling to stay updated with the latest news? Explore our newsletter at http:\u002F\u002Ffrontendweekly.co.\nLooking to share your article with our audience of approximately 30,000 readers? Submit it through this link: https:\u002F\u002Fdocs.google.com\u002Fforms\u002Fd\u002Fe\u002F1FAIpQLSf2mJpquxOICZBp6o8qjiVOuh7ktSsF3V1Ge3YBZf8_x2z2gA\u002Fviewform","avatar":{"__ref":"ImageMetadata:1*NDFydnWKD8c58PA36XKRKg.png"},"facebookPageName":"frontendweekly1","instagramUsername":null,"twitterUsername":"frontendweekly1","editors":[{"__typename":"CollectionMastheadUserItem","isExcluded":null,"user":{"__ref":"User:3dad5916cd29"}},{"__typename":"CollectionMastheadUserItem","isExcluded":null,"user":{"__ref":"User:f83613f5d8cf"}}],"newsletterV3":{"__ref":"NewsletterV3:2c43c0cd3a9"},"viewerEdge":{"__ref":"CollectionViewerEdge:collectionId:c539d790d38a-viewerId:lo_5e745fc069aa"},"subscriberCount":27368,"isAuroraVisible":true,"legacyHeaderBackgroundImage":{"__ref":"ImageMetadata:1*_76fB8rK2DHurQYhSHWchw.jpeg"},"logo":{"__ref":"ImageMetadata:1*3tLiepV4wSXgEWj_LnUQvw.png"},"navItems":[{"__typename":"NavItem","tagSlug":"javascript","title":"JavaScript","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Ftagged\u002Fjavascript"},{"__typename":"NavItem","tagSlug":"angularjs","title":"Angularjs","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Ftagged\u002Fangularjs"},{"__typename":"NavItem","tagSlug":"react","title":"React","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Ftagged\u002Freact"},{"__typename":"NavItem","tagSlug":"ember","title":"Ember","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Ftagged\u002Fember"},{"__typename":"NavItem","tagSlug":"vuejs","title":"Vue","url":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Ftagged\u002Fvuejs"},{"__typename":"NavItem","tagSlug":null,"title":"Newsletter","url":"http:\u002F\u002Ffrontendweekly.co\u002F"}],"homepagePostsConnection:{\"paging\":{\"limit\":10},\"includeDistributedResponses\":false}":{"__typename":"PostConnection","posts":[{"__ref":"Post:f9db4b62df9b"},{"__ref":"Post:7790152da82a"},{"__ref":"Post:acff9c9c5d79"},{"__ref":"Post:ba3bdaf29e2d"},{"__ref":"Post:94981c61756b"},{"__ref":"Post:bed89b53ec8b"},{"__ref":"Post:352727b56bde"},{"__ref":"Post:f26b54a3d971"},{"__ref":"Post:c0e957c8c9b0"},{"__ref":"Post:562397a8313b"}],"pagingInfo":{"__typename":"Paging","next":{"__typename":"PageParams","from":"L1730804606268","limit":10}}},"googleAnalyticsId":null,"creator":{"__ref":"User:3dad5916cd29"},"facebookPageId":null,"tags":[],"createdAt":0,"ptsQualifiedAt":1616092756156},"CustomStyleSheet:df9eb197ec26":{"__typename":"CustomStyleSheet","id":"df9eb197ec26","global":{"__typename":"GlobalStyles","colorPalette":null,"fonts":{"__typename":"StyleSheetFonts","font1":{"__typename":"StyleSheetFont","name":"SANS_SERIF_1"},"font2":{"__typename":"StyleSheetFont","name":"SANS_SERIF_1"},"font3":{"__typename":"StyleSheetFont","name":"SERIF_2"}}},"header":{"__typename":"HeaderStyles","headerScale":"HEADER_SCALE_SMALL","backgroundImageDisplayMode":"IMAGE_DISPLAY_MODE_FILL","backgroundImageVerticalAlignment":"START","backgroundColorDisplayMode":"COLOR_DISPLAY_MODE_SOLID","backgroundColor":null,"secondaryBackgroundColor":null,"postBackgroundColor":null,"backgroundImage":null,"appNameColor":null,"logoImage":{"__ref":"ImageMetadata:1*3tLiepV4wSXgEWj_LnUQvw.png"},"appNameTreatment":"NAME_TREATMENT_TEXT"},"navigation":{"__typename":"HeaderNavigation","navItems":[{"__typename":"HeaderNavigationItem","name":"Newsletter","href":"https:\u002F\u002Ffrontendweekly.co","tags":[],"type":"NAV_TYPE_LINK"}]}},"ImageMetadata:1*NDFydnWKD8c58PA36XKRKg.png":{"__typename":"ImageMetadata","id":"1*NDFydnWKD8c58PA36XKRKg.png","focusPercentX":null,"focusPercentY":null,"originalHeight":407,"originalWidth":407},"User:3dad5916cd29":{"__typename":"User","id":"3dad5916cd29","algoliaObjectId":null,"name":"Emad Ibrahim","bio":"Husband, Father of Twins, Published Author, Entrepreneur, Passionate Technologist, Programmer and Productivity Nut. more at https:\u002F\u002Fabout.me\u002Feibrahim","imageId":"1*V_7my4UR1Iun-913Gk4xLw.jpeg","membership":null,"username":"eibrahim","customDomainState":null,"hasSubdomain":false,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"newsletterV3":{"__ref":"NewsletterV3:ed2b3a4bd085"},"twitterScreenName":"realelitecoders"},"User:f83613f5d8cf":{"__typename":"User","id":"f83613f5d8cf","algoliaObjectId":null,"name":"Manilyn Juaton","bio":"","imageId":"0*SizYubg6kXyyKAud","membership":null,"username":"manilyn.juaton94","customDomainState":null,"hasSubdomain":false,"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false}},"NewsletterV3:ed2b3a4bd085":{"__typename":"NewsletterV3","id":"ed2b3a4bd085"},"NewsletterV3:2c43c0cd3a9":{"__typename":"NewsletterV3","id":"2c43c0cd3a9","slug":"frontend-weekly","name":"Frontend Weekly","description":"The best articles, links and news related to Frontend Development delivered once a week to your inbox.","promoHeadline":"","promoBody":"","type":"NEWSLETTER_TYPE_COLLECTION","user":{"__ref":"User:3dad5916cd29"},"collection":{"__ref":"Collection:c539d790d38a"}},"ImageMetadata:1*_76fB8rK2DHurQYhSHWchw.jpeg":{"__typename":"ImageMetadata","id":"1*_76fB8rK2DHurQYhSHWchw.jpeg","originalWidth":1600,"focusPercentX":44.56928838951311,"focusPercentY":34},"ImageMetadata:1*3tLiepV4wSXgEWj_LnUQvw.png":{"__typename":"ImageMetadata","id":"1*3tLiepV4wSXgEWj_LnUQvw.png","originalHeight":556,"originalWidth":1516},"ImageMetadata:0*xcixornixAI_an5e":{"__typename":"ImageMetadata","id":"0*xcixornixAI_an5e","focusPercentX":null,"focusPercentY":null,"alt":null},"User:f4d55b37846f":{"__typename":"User","id":"f4d55b37846f","name":"Mustafamulla","viewerEdge":{"__ref":"UserViewerEdge:userId:f4d55b37846f-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":null,"hasSubdomain":false,"username":"mustafamulla765","bio":"Front-end developer skilled in HTML, CSS, JavaScript, React, and Tailwind CSS, creating responsive and user-friendly web interfaces.","imageId":"1*h9JL-k8QRNKux4yuRe7IRA.jpeg","membership":null},"UserViewerEdge:userId:f4d55b37846f-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:f4d55b37846f-viewerId:lo_5e745fc069aa","isMuting":false},"CollectionViewerEdge:collectionId:c539d790d38a-viewerId:lo_5e745fc069aa":{"__typename":"CollectionViewerEdge","id":"collectionId:c539d790d38a-viewerId:lo_5e745fc069aa","isMuting":false},"Post:f9db4b62df9b":{"__typename":"Post","id":"f9db4b62df9b","title":"React.js Best Practices for Beginners: A Comprehensive Guide","previewImage":{"__ref":"ImageMetadata:0*xcixornixAI_an5e"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"React.js has solidified its place as one of the leading libraries for building dynamic and modern web applications. For beginners, its…","isFullContent":false},"creator":{"__ref":"User:f4d55b37846f"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Freact-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":8,"isLocked":false,"firstPublishedAt":1732136746189,"latestPublishedAt":1732136746189,"pinnedAt":0,"readingTime":3.384905660377359,"sequence":null,"isSeries":false,"uniqueSlug":"react-js-best-practices-for-beginners-a-comprehensive-guide-f9db4b62df9b","pinnedByCreatorAt":1732344059536},"ImageMetadata:1*rcxtsM5NZTn5nAkyxIs1lQ.png":{"__typename":"ImageMetadata","id":"1*rcxtsM5NZTn5nAkyxIs1lQ.png","focusPercentX":null,"focusPercentY":null,"alt":"ReactJS Development Company"},"User:6900d8735bed":{"__typename":"User","id":"6900d8735bed","name":"WebClues Infotech","viewerEdge":{"__ref":"UserViewerEdge:userId:6900d8735bed-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"webcluesinfo.medium.com"}},"hasSubdomain":true,"username":"webcluesinfo","bio":"WebClues Infotech is a CMMI Level 5 certified software development company specializing in web and mobile app development.","imageId":"1*cPaBZFYtMlrTtqfWQWLcvA.png","membership":{"__ref":"Membership:714b43b0-9aa4-4b0d-9eea-d026c169d828"}},"UserViewerEdge:userId:6900d8735bed-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:6900d8735bed-viewerId:lo_5e745fc069aa","isMuting":false},"Membership:714b43b0-9aa4-4b0d-9eea-d026c169d828":{"__typename":"Membership","tier":"MEMBER","id":"714b43b0-9aa4-4b0d-9eea-d026c169d828"},"Post:7790152da82a":{"__typename":"Post","id":"7790152da82a","title":"Static Site Generation with Next.js: Using Next.js for ReactJS applications","previewImage":{"__ref":"ImageMetadata:1*rcxtsM5NZTn5nAkyxIs1lQ.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Static Site Generation (SSG) has become an essential technique in modern web development, particularly for applications built using…","isFullContent":false},"creator":{"__ref":"User:6900d8735bed"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fstatic-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":41,"isLocked":false,"firstPublishedAt":1732136743507,"latestPublishedAt":1732136743507,"pinnedAt":0,"readingTime":3.8566037735849057,"sequence":null,"isSeries":false,"uniqueSlug":"static-site-generation-with-next-js-using-next-js-for-reactjs-applications-7790152da82a","pinnedByCreatorAt":0},"ImageMetadata:1*Kr0Rb6sl_-sRuOHGi4rmBQ.png":{"__typename":"ImageMetadata","id":"1*Kr0Rb6sl_-sRuOHGi4rmBQ.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:acff9c9c5d79":{"__typename":"Post","id":"acff9c9c5d79","title":"Server-Side Rendering with ReactJS: Benefits and implementation strategies","previewImage":{"__ref":"ImageMetadata:1*Kr0Rb6sl_-sRuOHGi4rmBQ.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"In today’s digital landscape, businesses are constantly seeking ways to improve their web applications. One of the most effective…","isFullContent":false},"creator":{"__ref":"User:6900d8735bed"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fserver-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":14,"isLocked":false,"firstPublishedAt":1732136741502,"latestPublishedAt":1732136741502,"pinnedAt":0,"readingTime":2.8663522012578615,"sequence":null,"isSeries":false,"uniqueSlug":"server-side-rendering-with-reactjs-benefits-and-implementation-strategies-acff9c9c5d79","pinnedByCreatorAt":0},"ImageMetadata:1*An7L13QbHL7gqTepUO44Gg.png":{"__typename":"ImageMetadata","id":"1*An7L13QbHL7gqTepUO44Gg.png","focusPercentX":null,"focusPercentY":null,"alt":null},"User:fe1f1fde6350":{"__typename":"User","id":"fe1f1fde6350","name":"Dev Frank","viewerEdge":{"__ref":"UserViewerEdge:userId:fe1f1fde6350-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":null,"hasSubdomain":false,"username":"Dev_Frank","bio":"Thrilled to share insights with the world. Diving deep into the world of software engineering. Tech enthusiast | Web developer | Software engineering Student.","imageId":"1*L36ImQPDjmhuHTf7ITzA1Q.png","membership":null},"UserViewerEdge:userId:fe1f1fde6350-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:fe1f1fde6350-viewerId:lo_5e745fc069aa","isMuting":false},"Post:ba3bdaf29e2d":{"__typename":"Post","id":"ba3bdaf29e2d","title":"How Does the Web Work?","previewImage":{"__ref":"ImageMetadata:1*An7L13QbHL7gqTepUO44Gg.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Have you ever stopped to think about what really happens when you type a URL into your browser and press Enter?","isFullContent":false},"creator":{"__ref":"User:fe1f1fde6350"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fhow-does-the-web-work-ba3bdaf29e2d","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":50,"isLocked":false,"firstPublishedAt":1732042465536,"latestPublishedAt":1732136731055,"pinnedAt":0,"readingTime":3.8481132075471693,"sequence":null,"isSeries":false,"uniqueSlug":"how-does-the-web-work-ba3bdaf29e2d","pinnedByCreatorAt":0},"ImageMetadata:1*oEBibUhfrmFILdh3GcFarw.png":{"__typename":"ImageMetadata","id":"1*oEBibUhfrmFILdh3GcFarw.png","focusPercentX":null,"focusPercentY":null,"alt":null},"User:4cef495e149f":{"__typename":"User","id":"4cef495e149f","name":"David Xu","viewerEdge":{"__ref":"UserViewerEdge:userId:4cef495e149f-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"david-x.medium.com"}},"hasSubdomain":true,"username":"david-x","bio":"Code monkey specializing in React.js","imageId":"1*KAN2PUNLSUTcO3n9g0SS9A.jpeg","membership":{"__ref":"Membership:384dc22fb008"}},"UserViewerEdge:userId:4cef495e149f-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:4cef495e149f-viewerId:lo_5e745fc069aa","isMuting":false},"Membership:384dc22fb008":{"__typename":"Membership","tier":"MEMBER","id":"384dc22fb008"},"Post:94981c61756b":{"__typename":"Post","id":"94981c61756b","title":"CSS’s new light-dark() function is the best way to implement Dark Mode in 2024","previewImage":{"__ref":"ImageMetadata:1*oEBibUhfrmFILdh3GcFarw.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"It is 2024, and finally there is a pure CSS way of doing dynamic theming, that just works!","isFullContent":false},"creator":{"__ref":"User:4cef495e149f"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fforget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":3},"visibility":"LOCKED","clapCount":232,"isLocked":true,"firstPublishedAt":1732004654808,"latestPublishedAt":1732567439350,"pinnedAt":0,"readingTime":2.928301886792453,"sequence":null,"isSeries":false,"uniqueSlug":"forget-javascript-achieve-dark-mode-effortlessly-with-brand-new-css-function-light-dark-2024-94981c61756b","pinnedByCreatorAt":1732218055975},"ImageMetadata:0*U-DAIf4q7DOR3qCy":{"__typename":"ImageMetadata","id":"0*U-DAIf4q7DOR3qCy","focusPercentX":null,"focusPercentY":null,"alt":"Angular from 10 to 19.."},"User:cc198329dd3d":{"__typename":"User","id":"cc198329dd3d","name":"Syed Khizaruddin","viewerEdge":{"__ref":"UserViewerEdge:userId:cc198329dd3d-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"khizaruddins.medium.com"}},"hasSubdomain":true,"username":"khizaruddins","bio":"Senior Angular Developer @Ketto","imageId":"2*foZvxhy_cgdoYFRYGe8q_g.jpeg","membership":null},"UserViewerEdge:userId:cc198329dd3d-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:cc198329dd3d-viewerId:lo_5e745fc069aa","isMuting":false},"Post:bed89b53ec8b":{"__typename":"Post","id":"bed89b53ec8b","title":"Angular Frontend Framework from version 10 to version 19… All Changes published","previewImage":{"__ref":"ImageMetadata:0*U-DAIf4q7DOR3qCy"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Changes from Angular 10 release till 19 upcoming..","isFullContent":false},"creator":{"__ref":"User:cc198329dd3d"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fangular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":16,"isLocked":false,"firstPublishedAt":1731740105034,"latestPublishedAt":1732136732474,"pinnedAt":0,"readingTime":17.419811320754718,"sequence":null,"isSeries":false,"uniqueSlug":"angular-frontend-framework-from-version-10-to-version-19-all-changes-published-yet-bed89b53ec8b","pinnedByCreatorAt":0},"User:f64080c3019b":{"__typename":"User","id":"f64080c3019b","name":"Abdullah Waqas","viewerEdge":{"__ref":"UserViewerEdge:userId:f64080c3019b-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":null,"hasSubdomain":false,"username":"abdullah-waqas","bio":"Software Developer(React, Angular, Node)","imageId":"1*hN_y2r4fILhUzYmktMlDug.jpeg","membership":null},"UserViewerEdge:userId:f64080c3019b-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:f64080c3019b-viewerId:lo_5e745fc069aa","isMuting":false},"Post:352727b56bde":{"__typename":"Post","id":"352727b56bde","title":"Step-by-Step Guide to Publishing a Private React SDK to Google Cloud’s Artifact Registry","previewImage":{"__ref":"ImageMetadata:"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"There are a number of procedures to follow in order to make your company’s private React SDK available through Google’s Artifact Registry…","isFullContent":false},"creator":{"__ref":"User:f64080c3019b"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fstep-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":9,"isLocked":false,"firstPublishedAt":1731322606481,"latestPublishedAt":1731322606481,"pinnedAt":0,"readingTime":2.4943396226415095,"sequence":null,"isSeries":false,"uniqueSlug":"step-by-step-guide-to-publishing-a-private-react-sdk-to-google-clouds-artifact-registry-352727b56bde","pinnedByCreatorAt":0},"ImageMetadata:1*SmnkZYVgBWMIMvri4ncBhg.png":{"__typename":"ImageMetadata","id":"1*SmnkZYVgBWMIMvri4ncBhg.png","focusPercentX":null,"focusPercentY":null,"alt":null},"Post:f26b54a3d971":{"__typename":"Post","id":"f26b54a3d971","title":"Sleep vs. Hibernate: When to Use Each ?","previewImage":{"__ref":"ImageMetadata:1*SmnkZYVgBWMIMvri4ncBhg.png"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"Imagine you’re working at a coffee shop, and your battery is low. You’re not finished with your work, but shutting down would mean…","isFullContent":false},"creator":{"__ref":"User:fe1f1fde6350"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fsleep-vs-hibernate-when-to-use-each-f26b54a3d971","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":0,"isLocked":false,"firstPublishedAt":1731322604905,"latestPublishedAt":1731322604905,"pinnedAt":0,"readingTime":4.610691823899371,"sequence":null,"isSeries":false,"uniqueSlug":"sleep-vs-hibernate-when-to-use-each-f26b54a3d971","pinnedByCreatorAt":0},"ImageMetadata:0*XM5bFb-IwROhMHYz":{"__typename":"ImageMetadata","id":"0*XM5bFb-IwROhMHYz","focusPercentX":null,"focusPercentY":null,"alt":null},"User:780a45bf5f87":{"__typename":"User","id":"780a45bf5f87","name":"Petipois","viewerEdge":{"__ref":"UserViewerEdge:userId:780a45bf5f87-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":null,"hasSubdomain":false,"username":"petitpois24_12726","bio":"Freelance technical writer with a passion for technology, full-stack web and game development. - https:\u002F\u002Fpetipois.com","imageId":"0*r6YoTv_8m3MtGLvC","membership":{"__ref":"Membership:2900c897c999"}},"UserViewerEdge:userId:780a45bf5f87-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:780a45bf5f87-viewerId:lo_5e745fc069aa","isMuting":false},"Membership:2900c897c999":{"__typename":"Membership","tier":"MEMBER","id":"2900c897c999"},"Post:c0e957c8c9b0":{"__typename":"Post","id":"c0e957c8c9b0","title":"Create an Online Digital Journal using Nuxt & Supabase","previewImage":{"__ref":"ImageMetadata:0*XM5bFb-IwROhMHYz"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"In this tutorial, we are going to make an online digital journal website where you can create journal entries dynamically to your Nuxt.js…","isFullContent":false},"creator":{"__ref":"User:780a45bf5f87"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Fcreate-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"LOCKED","clapCount":13,"isLocked":true,"firstPublishedAt":1731134063637,"latestPublishedAt":1731322597632,"pinnedAt":0,"readingTime":4.55188679245283,"sequence":null,"isSeries":false,"uniqueSlug":"create-an-online-digital-journal-using-nuxt-supabase-c0e957c8c9b0","pinnedByCreatorAt":0},"User:c922eaa38bc2":{"__typename":"User","id":"c922eaa38bc2","name":"Requestum","viewerEdge":{"__ref":"UserViewerEdge:userId:c922eaa38bc2-viewerId:lo_5e745fc069aa"},"verifications":{"__typename":"VerifiedInfo","isBookAuthor":false},"customDomainState":{"__typename":"CustomDomainState","live":{"__typename":"CustomDomain","domain":"promo-6759.medium.com"}},"hasSubdomain":true,"username":"promo-6759","bio":"We help transform your vision into top-notch web and mobile apps","imageId":"1*yleWO06TlN13Uvil3-oyqg.png","membership":null},"UserViewerEdge:userId:c922eaa38bc2-viewerId:lo_5e745fc069aa":{"__typename":"UserViewerEdge","id":"userId:c922eaa38bc2-viewerId:lo_5e745fc069aa","isMuting":false},"Post:562397a8313b":{"__typename":"Post","id":"562397a8313b","title":"❯Real Estate APIs: A Comprehensive Review of the Best Options for Developers","previewImage":{"__ref":"ImageMetadata:"},"extendedPreviewContent":{"__typename":"PreviewContent","subtitle":"The ever-growing market of real estate calls for an updated model of interaction between the providers in this niche. 75% of the time…","isFullContent":false},"creator":{"__ref":"User:c922eaa38bc2"},"isPublished":true,"mediumUrl":"https:\u002F\u002Fmedium.com\u002Ffront-end-weekly\u002Freal-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b","collection":{"__ref":"Collection:c539d790d38a"},"isLimitedState":false,"allowResponses":true,"postResponses":{"__typename":"PostResponses","count":0},"visibility":"PUBLIC","clapCount":0,"isLocked":false,"firstPublishedAt":1730804606268,"latestPublishedAt":1730804606268,"pinnedAt":0,"readingTime":9.132075471698114,"sequence":null,"isSeries":false,"uniqueSlug":"real-estate-apis-a-comprehensive-review-of-the-best-options-for-developers-562397a8313b","pinnedByCreatorAt":0}}</script><script src="https://cdn-client.medium.com/lite/static/js/manifest.96244f47.js"></script><script src="https://cdn-client.medium.com/lite/static/js/9865.1496d74a.js"></script><script src="https://cdn-client.medium.com/lite/static/js/main.071d0479.js"></script><script src="https://cdn-client.medium.com/lite/static/js/instrumentation.d9108df7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/reporting.ff22a7a5.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9120.5df29668.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5049.d1ead72d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4810.6318add7.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2707.b0942613.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/9977.5b3eb23a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8599.1ab63137.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5250.9f9e01d2.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5787.e66a3a4d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2648.26563adf.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8393.826a25fb.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/7549.2176f21f.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6589.7c500280.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3735.afb7e926.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5642.0a97706a.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4124.0567a444.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/4769.e7f80c12.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3591.8b4ac29e.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/1676.7c5eb266.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6858.06a7a915.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/6594.8def288e.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PublicationProfilePage.MainContent.0a411612.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/5492.dbb8e4b0.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/2278.e4e1a3d4.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/3346.9762dab3.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/8461.c4f7c29d.chunk.js"></script> <script src="https://cdn-client.medium.com/lite/static/js/PublicationProfilePage.RightColumnContent.fa27cca4.chunk.js"></script><script>window.main();</script><script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8ebbfab46abcab55',t:'MTczMzE0OTQ1NC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body></html>

Pages： 1 2 3 4 5 6 7 8 9 10