[{"data":1,"prerenderedAt":311},["ShallowReactive",2],{"i-lucide:chevron-down":3,"i-lucide:search":8,"i-lucide:sun":10,"i-lucide:moon":12,"i-lucide:arrow-right":14,"i-lucide:menu":16,"i-lucide:mail":18,"i-simple-icons:x":20,"i-simple-icons:linkedin":22,"i-simple-icons:dribbble":25,"i-simple-icons:github":27,"daily-\u002Flearn\u002Fen\u002Farticles\u002F2026-08-04":29,"daily-around-\u002Flearn\u002Fen\u002Farticles\u002F2026-08-04":117,"i-lucide:chevron-right":297,"i-lucide:notebook-pen":299,"i-lucide:calendar":301,"i-lucide:clock":303,"i-lucide:link":305,"i-lucide:arrow-left":307,"i-lucide:library":309},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 9l6 6l6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m21 21l-4.34-4.34\"\u002F>\u003Ccircle cx=\"11\" cy=\"11\" r=\"8\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"m22 7l-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"\u002F>\u003Crect width=\"20\" height=\"16\" x=\"2\" y=\"4\" rx=\"2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":21},"\u003Cpath fill=\"currentColor\" d=\"M14.234 10.162L22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299l-.929-1.329L3.076 1.56h3.182l5.965 8.532l.929 1.329l7.754 11.09h-3.182z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":23,"hidden":24},"\u003Cpath fill=\"currentColor\" d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z\"\u002F>",true,{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":26},"\u003Cpath fill=\"currentColor\" d=\"M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12s-5.385 12-12 12m10.12-10.358c-.35-.11-3.17-.953-6.384-.438c1.34 3.684 1.887 6.684 1.992 7.308a10.28 10.28 0 0 0 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4a10.16 10.16 0 0 0 6.29 2.166c1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765q.202-.067.405-.12q-.392-.879-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248a66 66 0 0 0-3.8-5.928a10.28 10.28 0 0 0-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6c3.645-1.365 5.19-3.44 5.373-3.702A10.2 10.2 0 0 0 12 1.764c-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04c.24.49.47.985.68 1.486c.08.18.15.36.22.53c3.41-.43 6.8.26 7.14.33c-.02-2.42-.88-4.64-2.31-6.38z\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":28},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"id":30,"title":31,"body":32,"date":103,"description":104,"extension":105,"lang":106,"meta":107,"minutes":101,"navigation":24,"path":108,"seo":109,"stem":110,"subjects":111,"tags":113,"__hash__":116},"articles\u002Flearn\u002Fen\u002Farticles\u002F2026-08-04.md","Jitter every TTL",{"type":33,"value":34,"toc":100},"minimark",[35,39,42,45,93,96],[36,37,38],"p",{},"A warm-up script writes ten thousand cache keys in one second, each with a\none-hour TTL.",[36,40,41],{},"One hour later, all ten thousand expire in the same second. Every request misses.\nThe database, sized for cached traffic, takes the full uncached load at once.",[36,43,44],{},"The incident happens an hour after a deploy that looked completely clean, which is\nwhat makes it hard to attribute.",[46,47,52],"pre",{"className":48,"code":49,"language":50,"meta":51,"style":51},"language-python shiki shiki-themes github-dark-dimmed github-dark-dimmed","ttl = base_ttl + random.randint(0, base_ttl \u002F\u002F 10)\n","python","",[53,54,55],"code",{"__ignoreMap":51},[56,57,60,64,68,71,74,77,81,84,87,90],"span",{"class":58,"line":59},"line",1,[56,61,63],{"class":62},"sM9_K","ttl ",[56,65,67],{"class":66},"sEYkB","=",[56,69,70],{"class":62}," base_ttl ",[56,72,73],{"class":66},"+",[56,75,76],{"class":62}," random.randint(",[56,78,80],{"class":79},"sQdni","0",[56,82,83],{"class":62},", base_ttl ",[56,85,86],{"class":66},"\u002F\u002F",[56,88,89],{"class":79}," 10",[56,91,92],{"class":62},")\n",[36,94,95],{},"Ten percent of randomness spreads the expiry over six minutes instead of one\nsecond. It is one line, and it is the cheapest reliability improvement available to\nanyone running a cache.",[97,98,99],"style",{},"html pre.shiki code .sM9_K, html code.shiki .sM9_K{--shiki-default:#ADBAC7;--shiki-dark:#ADBAC7}html pre.shiki code .sEYkB, html code.shiki .sEYkB{--shiki-default:#F47067;--shiki-dark:#F47067}html pre.shiki code .sQdni, html code.shiki .sQdni{--shiki-default:#6CB6FF;--shiki-dark:#6CB6FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":51,"searchDepth":101,"depth":101,"links":102},3,[],"2026-08-04","Keys written together expire together, and stampede together.","md","en",{},"\u002Flearn\u002Fen\u002Farticles\u002F2026-08-04",{"title":31,"description":104},"learn\u002Fen\u002Farticles\u002F2026-08-04",[112],"system-design",[114,115],"caching","reliability","HEWaBarpKAjHeTZV4CP4uOmXMopR-VWoxGO0m6LAclI",{"older":118,"newer":150},{"id":119,"title":120,"body":121,"date":137,"description":138,"extension":105,"lang":106,"meta":139,"minutes":140,"navigation":24,"path":141,"seo":142,"stem":143,"subjects":144,"tags":146,"__hash__":149},"articles\u002Flearn\u002Fen\u002Farticles\u002F2026-08-03.md","Disabled buttons are a dead end",{"type":33,"value":122,"toc":135},[123,126,129,132],[36,124,125],{},"A disabled submit button communicates that something is wrong and refuses to say\nwhat. It is also skipped by keyboard focus and often unreadable against its\nbackground, so a screen reader user gets no signal at all.",[36,127,128],{},"Keep the button enabled. Validate on submit. Move focus to the first error and\ndescribe it in text.",[36,130,131],{},"The user learns what the form wants by asking, which is the interaction they were\nalready attempting. The disabled state asks them to guess instead.",[36,133,134],{},"If the action is genuinely unavailable — a plan limit, a missing permission — say so\nin text next to the control. The reason is the useful part; the disabled state is\njust the absence of one.",{"title":51,"searchDepth":101,"depth":101,"links":136},[],"2026-08-03","They remove the affordance without explaining the requirement.",{},2,"\u002Flearn\u002Fen\u002Farticles\u002F2026-08-03",{"title":120,"description":138},"learn\u002Fen\u002Farticles\u002F2026-08-03",[145],"ui-ux",[147,148],"forms","accessibility","WM62nfpNMW97kvhd-JlTOgqauLUr4OkbyY5TalAHIS0",{"id":151,"title":152,"body":153,"date":286,"description":287,"extension":105,"lang":106,"meta":288,"minutes":140,"navigation":24,"path":289,"seo":290,"stem":291,"subjects":292,"tags":294,"__hash__":296},"articles\u002Flearn\u002Fen\u002Farticles\u002F2026-08-05.md","await null still yields",{"type":33,"value":154,"toc":284},[155,162,266,275,281],[36,156,157,158,161],{},"A common assumption is that ",[53,159,160],{},"await"," on a non-promise is a no-op. It is not.",[46,163,167],{"className":164,"code":165,"language":166,"meta":51,"style":51},"language-js shiki shiki-themes github-dark-dimmed github-dark-dimmed","async function run() {\n  console.log('a')\n  await null\n  console.log('c')\n}\n\nrun()\nconsole.log('b')\n\u002F\u002F a, b, c\n","js",[53,168,169,184,201,209,223,229,235,244,259],{"__ignoreMap":51},[56,170,171,174,177,181],{"class":58,"line":59},[56,172,173],{"class":66},"async",[56,175,176],{"class":66}," function",[56,178,180],{"class":179},"s-wk_"," run",[56,182,183],{"class":62},"() {\n",[56,185,186,189,192,195,199],{"class":58,"line":140},[56,187,188],{"class":62},"  console.",[56,190,191],{"class":179},"log",[56,193,194],{"class":62},"(",[56,196,198],{"class":197},"szYpP","'a'",[56,200,92],{"class":62},[56,202,203,206],{"class":58,"line":101},[56,204,205],{"class":66},"  await",[56,207,208],{"class":79}," null\n",[56,210,212,214,216,218,221],{"class":58,"line":211},4,[56,213,188],{"class":62},[56,215,191],{"class":179},[56,217,194],{"class":62},[56,219,220],{"class":197},"'c'",[56,222,92],{"class":62},[56,224,226],{"class":58,"line":225},5,[56,227,228],{"class":62},"}\n",[56,230,232],{"class":58,"line":231},6,[56,233,234],{"emptyLinePlaceholder":24},"\n",[56,236,238,241],{"class":58,"line":237},7,[56,239,240],{"class":179},"run",[56,242,243],{"class":62},"()\n",[56,245,247,250,252,254,257],{"class":58,"line":246},8,[56,248,249],{"class":62},"console.",[56,251,191],{"class":179},[56,253,194],{"class":62},[56,255,256],{"class":197},"'b'",[56,258,92],{"class":62},[56,260,262],{"class":58,"line":261},9,[56,263,265],{"class":264},"s0RzX","\u002F\u002F a, b, c\n",[36,267,268,270,271,274],{},[53,269,160],{}," always suspends. The operand is wrapped, and everything after it is\nscheduled as a microtask — whether you awaited a promise, a number, or ",[53,272,273],{},"null",".",[36,276,277,278,280],{},"The practical consequence: adding an ",[53,279,160],{}," to a function changes the ordering of\ncode that never touched promises. That is usually harmless and occasionally the\nexplanation for a bug that appeared when someone made a function async.",[97,282,283],{},"html pre.shiki code .sEYkB, html code.shiki .sEYkB{--shiki-default:#F47067;--shiki-dark:#F47067}html pre.shiki code .s-wk_, html code.shiki .s-wk_{--shiki-default:#DCBDFB;--shiki-dark:#DCBDFB}html pre.shiki code .sM9_K, html code.shiki .sM9_K{--shiki-default:#ADBAC7;--shiki-dark:#ADBAC7}html pre.shiki code .szYpP, html code.shiki .szYpP{--shiki-default:#96D0FF;--shiki-dark:#96D0FF}html pre.shiki code .sQdni, html code.shiki .sQdni{--shiki-default:#6CB6FF;--shiki-dark:#6CB6FF}html pre.shiki code .s0RzX, html code.shiki .s0RzX{--shiki-default:#768390;--shiki-dark:#768390}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":51,"searchDepth":101,"depth":101,"links":285},[],"2026-08-05","Awaiting a non-promise does not resolve synchronously.",{},"\u002Flearn\u002Fen\u002Farticles\u002F2026-08-05",{"title":152,"description":287},"learn\u002Fen\u002Farticles\u002F2026-08-05",[293],"javascript",[173,295],"event-loop","OR8sLwlVFtPv0ENwClhFGDSsY0bYxUet6wjNC7MeTJw",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":298},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m9 18l6-6l-6-6\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":300},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4M2 6h4m-4 4h4m-4 4h4m-4 4h4\"\u002F>\u003Cpath d=\"M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":302},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M8 2v3m8-3v3\"\u002F>\u003Crect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\u002F>\u003Cpath d=\"M3 9h18\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":304},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"10\"\u002F>\u003Cpath d=\"M12 6v6l4 2\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":306},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"\u002F>\u003Cpath d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":308},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":310},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m16 6l4 14M12 6v14M8 8v12M4 4v16\"\u002F>",1787597895111]