<!DOCTYPE html>
<html>
<head>
<title>Bytes: The biggest Bun yet</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono&family=Outfit:wght@400;500;700;900&family=Paytone+One" rel="stylesheet">
<style>@media (prefers-color-scheme: dark) {
.email-wrapper {
color: #F9F4DA !important;
background-color: #0F0D0E !important;
}
hr {
border-color: #262422 !important;
}
mark {
background-color: #231F20 !important;
color: #F9F4DA !important;
}
pre {
background-color: #231F20 !important;
border: 1px solid #231F20 !important;
color: #F9F4DA !important;
}
.bg-alt {
background-color: #231F20 !important;
}
.unsubscribe-link {
color: #504C48 !important;
}
.token.punctuation {
color: #f9f4da !important;
}
}
@media screen and (min-width: 600px) {
.mobile-break {
display: none;
}
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"><tbody><tr>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
<td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"><div style="max-width:600px;padding-top:80px">
<div style="text-align:center"><img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"></div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> Burning Remix CDs for my crush, refusing to be governed by SemVer, and getting JetBrains to pay for my hair transplant.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/m2h7h6u332edpzum/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDMy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066920">#432</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/bigwheel.jpg" alt="A guy on a souped-up bigwheel" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Did somebody say Rails?<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">The biggest Bun yet</h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Bun dropped their <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/dphehmueed5lggam/aHR0cHM6Ly9idW4uY29tL2Jsb2cvYnVuLXYxLjM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066921">biggest release ever</a> last Friday – which came with dozens of new features, a 13,000-word announcement post, and a launch video with more cameos than a Wes Anderson movie. AI <del>nerds</del> <em>celebs</em> like Boris Cherny, Cheng Lou, and Ryo Lu all made appearances, and I’m 90% sure I saw Bill Murray in the background during the Hot Module Replacement demo.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">But the biggest takeaway from all the hype is clear: <strong style="font-weight: 600;">Bun is trying to build Rails for JavaScript.</strong></p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">And unlike past attempts like Meteor.js and Adonis that mostly just bolted frameworks onto Node, Bun is going for something deeper — a world where your runtime, dev server, database client, package manager, and bundler all speak the same native language.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Here’s how they’re building it out:</strong></p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Full-stack in one process</strong> – <code style="font-size: 14px;">bun serve()</code> now handles frontend and backend together: HTML, React, API routes, WebSockets, cookies, and CORS, all hot-reloading in a single runtime. And with commands like <code style="font-size: 14px;">bun init --react=shadcn</code>, Bun can scaffold a React + Tailwind + shadcn/ui app in <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/7qh7h2u99dzr7raz/aHR0cHM6Ly94LmNvbS9zaGFkY24vc3RhdHVzLzE5NzY5MTk1MTM4NjMyMjE0NTQ=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066923">one shot</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Databases without npm install</strong> – Built-in clients for Postgres, MySQL, SQLite, and Redis mean you can query a database out of the box with zero extra drivers and setup.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Rails-style builds & deployment</strong> – Bun can now compile your entire project (frontend, backend, assets) into a standalone executable with cross-platform support and code signing. Just run <code style="font-size: 14px;">bun build</code> to ship a single binary with no Node, no npm, and no container.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><strong style="font-weight: 600;">Package management with opinions</strong> – <code style="font-size: 14px;">bun install</code> isolates dependencies per workspace new dependency catalogs keep versions in sync across monorepos, and built-in security scanning now flags sketchy packages before they land in your repo.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> Bun isn’t just trying to replace Node anymore, it wants to absorb the entire JS toolchain, get millions of developers to buy into its Rails-for-JavaScript vision, and (eventually) make millions of dollars for its VC investors.</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">That all might sound like a long shot, but as Royal Tenenbaum said, “You can’t raise boys to be scared of life. You gotta brew some recklessness into them.”</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"><tbody><tr><td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;">
<a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/owhkhwuwwxo2vqtv/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDMy" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1796066924"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"></a><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/z2hgh7uee5wqvmip/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MzI=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1796066925"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"></a><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/p8hehqu44rxn0eaq/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9V2h5JTIwQnVuJTI3cyUyMGJvbGQlMjBuZXclMjB2aXNpb24lMjBvZiUyMFJhaWxzLWZvci1KUyUyMG1pZ2h0JTIwYWN0dWFsbHklMjB3b3JrJnVybD1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDMy" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1796066926"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"></a><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/6qhehoullxom8vso/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBV2h5JTIwQnVuJTI3cyUyMGJvbGQlMjBuZXclMjB2aXNpb24lMjBvZiUyMFJhaWxzLWZvci1KUyUyMG1pZ2h0JTIwYWN0dWFsbHklMjB3b3JrJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQzMiZzdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0Y=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1796066928"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"></a>
</td></tr></tbody></table>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"><span>Our Friends <br class="mobile-break">(With Benefits)</span></h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/dwight-recorder.jpg" alt="Dwight Schrute playing the recorder" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">My test suite might be flaky, but it's also slow<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/e0hph0u77m483pi8/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9haT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyXzV4RmFzdGVyVGVzdENyZWF0aW9uXzIwMjUxMDE0LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD01eEZhc3RlclRlc3RDcmVhdGlvbl9HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBVXNpbmcxNTBQbHVzQUlBZ250c1RvR2V0NXhGYXN0ZXJQbGF5d3JpZ2h0VGVzdHNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMDE0X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1oZWFkbGluZS1Vc2luZzE1MFBsdXNBSUFnZW50c1RvR2V0NXhGYXN0ZXJQbGF5d3JpZ2h0VGVzdHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066929">Using 150+ AI agents to get 5x faster Playwright tests</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">That’s exactly what QA Wolf does by assigning each one of their agents a specific task – like outlining tests, writing code, or verifying results (<a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/z2hgh7uee5wq2rhp/aHR0cHM6Ly9hdHRlbmQucWF3b2xmLmNvbS90aHJlZS1wcmluY2lwbGVzLWZvci1idWlsZGluZy1tdWx0aS1hZ2VudC1haS1zeXN0ZW1zL3JlZ2lzdGVyP3V0bV9jYW1wYWlnbj1BQ1FfQWxsX0RlbW9fQ29udmVyc2lvbnNfX05ld3NsZXR0ZXJBdWRpZW5jZV8tX05ld3NsZXR0ZXJfNXhGYXN0ZXJUZXN0Q3JlYXRpb25fMjAyNTEwMTQtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PTV4RmFzdGVyVGVzdENyZWF0aW9uX0dldEFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FVc2luZzE1MFBsdXNBSUFnbnRzVG9HZXQ1eEZhc3RlclBsYXl3cmlnaHRUZXN0c19fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTEwMTRfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktU2VlSG93VGhleUJ1aWx0SXQ=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066932">this video shows how they built it</a>).</p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Then, their human reviewers <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/p8hehqu44rxnwlcq/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9haT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyXzV4RmFzdGVyVGVzdENyZWF0aW9uXzIwMjUxMDE0LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD01eEZhc3RlclRlc3RDcmVhdGlvbl9HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBVXNpbmcxNTBQbHVzQUlBZ250c1RvR2V0NXhGYXN0ZXJQbGF5d3JpZ2h0VGVzdHNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMDE0X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1ib2R5LUNoZWNrVGhlQWdlbnRzV29yaw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066933">check the agents’ work</a> to make sure nothing slipped through the cracks. This gets you:</p>
<ul>
<li>5x faster test creation for your application</li>
<li>More accuracy, because their agents have trained on 50 million test runs</li>
<li>Huge savings on QA engineering (saved Napster <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/x0hph3ueek35v7i5/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9jYXNlLXN0dWRpZXMvbmFwc3Rlcj91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyXzV4RmFzdGVyVGVzdENyZWF0aW9uXzIwMjUxMDE0LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD01eEZhc3RlclRlc3RDcmVhdGlvbl9HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBVXNpbmcxNTBQbHVzQUlBZ250c1RvR2V0NXhGYXN0ZXJQbGF5d3JpZ2h0VGVzdHNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMDE0X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1ib2R5LVRoZXlTYXZlZE5hcHN0ZXI0MDBLUGVyWWVhcg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066934">$400k/yr</a>)</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/6qhehoullxom8pto/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyXzV4RmFzdGVyVGVzdENyZWF0aW9uXzIwMjUxMDE0LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD01eEZhc3RlclRlc3RDcmVhdGlvbl9HZXRBUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBVXNpbmcxNTBQbHVzQUlBZ250c1RvR2V0NXhGYXN0ZXJQbGF5d3JpZ2h0VGVzdHNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMDE0X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1jdGEtR2V0QVBlcnNvbmFsaXplZERlbW9Gb3JZb3VyVGVhbQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066935">Get a personalized demo for your team</a> – and see why one Napster’s Engineering Director said, “We started seeing results in less than a month… and it takes no work on our end.”</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/58hvh8ugg37rdgf6/aHR0cHM6Ly93d3cuYXVnbWVudGNvZGUuY29tL2d1aWRlcy9nZW5lcmF0ZS10eXBlc2NyaXB0LWludGVyZmFjZXMtd2l0aC1haS1hLXByYWN0aWNhbC1ndWlkZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066937">Augment Code</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>They wrote this step-by-step guide to <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/58hvh8ugg37rdgf6/aHR0cHM6Ly93d3cuYXVnbWVudGNvZGUuY29tL2d1aWRlcy9nZW5lcmF0ZS10eXBlc2NyaXB0LWludGVyZmFjZXMtd2l0aC1haS1hLXByYWN0aWNhbC1ndWlkZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066937">generating TypeScript interfaces with AI</a>, so you can automate converting JSON schemas and API responses into robust, type-safe interfaces.</em></p>
</div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">How many times is the <code style="font-size: 14px;">reducer</code> function invoked?</p>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> nums <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">[</span><span class="token number" style="color: #fcba28; font-size: 14px;">2</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span><span class="token number" style="color: #fcba28; font-size: 14px;">4</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span><span class="token number" style="color: #fcba28; font-size: 14px;">6</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">]</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> <span class="token function-variable function" style="color: #9d7dce; font-size: 14px;">reducer</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">prev<span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> current</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">count</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">'invoked'</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> prev <span class="token operator" style="color: #12b5e5; font-size: 14px;">+</span> current
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
nums<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">reduce</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>reducer<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span>
</code></pre>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Cool Bits</h2>
</div>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">At last week’s <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/25h2h9u33ldkp4u3/aHR0cHM6Ly9yZW1peC5ydW4vamFtLzIwMjU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066938">Remix Jam 2025</a>, Ryan Florence and Michael Jackson teased Remix v3, handed out physical CDs with the software on it, and swore off React forever.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/qvh8h8udden9mnul/aHR0cHM6Ly9tYW1sLmRldi8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066939">MAML</a> is a minimal JSON alternative that’s human-readable, machine parsable, and warm-blooded.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Rocket is a <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/g3hnhwummgp48xhr/aHR0cHM6Ly93d3cucm9ja2V0Lm5ldy8_dXRtX2NhbXBhaWduPTE0dGhvY3QmdXRtX21lZGl1bT1ieXRlcyZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066940">full-stack vibe coding platform</a> that can handle frontend, backend, auth, DB schemas, server config, and everything else you need to instantly build and ship a production-ready application. It’s pretty wild. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Jovi De Croock busted three of the most common <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/9qhzhdudd49ov4f9/aHR0cHM6Ly93d3cuam92aWRlY3Jvb2NrLmNvbS9ibG9nL2dyYXBocWwtbXl0aHMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066941">GraphQL myths</a> and simultaneously created a full season of TV for the Discovery Channel.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"><a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/3ohphdu33xze50cr/aHR0cHM6Ly92My5uaXRyby5idWlsZC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066942">Nitro v3 (alpha)</a> is a new server-side Vite plugin that enables full-stack Vite apps without needing a full metaframework.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Mitchell Hashimoto wrote about <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/n2hohquvv2rz9qu6/aHR0cHM6Ly9taXRjaGVsbGguY29tL3dyaXRpbmcvbm9uLXRyaXZpYWwtdmliaW5n" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066943">vibe coding a non-trivial, real-world Ghostty feature</a>. It’s not fair that this guy is also better than us all at vibe coding.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Datadog created this <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/48hvh7ummwg4d8hx/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvZnJvbnRlbmQtbW9uaXRvcmluZy1iZXN0LXByYWN0aWNlcy8_dXRtX2NhbXBhaWduPWRnLWluZnJhLXd3LWZyb250LWVuZC1tb25pdG9yaW5nLWd1aWRlLWJ5dGVzJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzZGV2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066944">frontend monitoring best practices guide</a> that shows you how to monitor three key aspects of your single-page apps to optimize your performance and UX. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">VS Code shipped <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/wnh2h6uqqmge2pt7/aHR0cHM6Ly9jb2RlLnZpc3VhbHN0dWRpby5jb20vdXBkYXRlcy92MV8xMDU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066945">version 1.105</a> bringing new agent tools, a built-in MCP marketplace, and the boldest resistance we’ve seen to SemVer in years.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Den Odell wrote about how <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/reh8h9ummkxglli2/aHR0cHM6Ly9kZW5vZGVsbC5jb20vYmxvZy9odG1sLWJlc3Qta2VwdC1zZWNyZXQtb3V0cHV0LXRhZw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066946">the <code style="font-size: 14px;"><output></code> tag is HTML’s best kept secret</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;">Sam Cooper broke down how a <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/8ghqh3uoow9m6rbk/aHR0cHM6Ly9zYW0tY29vcGVyLm1lZGl1bS5jb20vdGhlLWNvdW50cnktdGhhdC1icm9rZS1rb3RsaW4tODRiZGQwYWZiMjM3" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066948">bug caused by the Turkish alphabet</a> plagued Kotlin for almost a decade. I volunteer to fly to Istanbul and investigate, but only if JetBrains promises to cover the cost of my hair transplant.</p>
</li>
</ol>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz: Answer</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/58hvh8ugg37rdgf6/aHR0cHM6Ly93d3cuYXVnbWVudGNvZGUuY29tL2d1aWRlcy9nZW5lcmF0ZS10eXBlc2NyaXB0LWludGVyZmFjZXMtd2l0aC1haS1hLXByYWN0aWNhbC1ndWlkZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1796066937">Augment Code</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">How many times is the <code style="font-size: 14px;">reducer</code> function invoked?</p>
<pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"><code class="language-js" style="font-size: 14px;"><span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> nums <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">[</span><span class="token number" style="color: #fcba28; font-size: 14px;">2</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span><span class="token number" style="color: #fcba28; font-size: 14px;">4</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span><span class="token number" style="color: #fcba28; font-size: 14px;">6</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">]</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">const</span> <span class="token function-variable function" style="color: #9d7dce; font-size: 14px;">reducer</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 14px;">prev<span class="token punctuation" style="color: #231F20; font-size: 14px;">,</span> current</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 14px;">=></span> <span class="token punctuation" style="color: #231F20; font-size: 14px;">{</span>
console<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">count</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span><span class="token string" style="color: #f99157; font-size: 14px;">'invoked'</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span>
<span class="token keyword" style="color: #f38ba3; font-size: 14px;">return</span> prev <span class="token operator" style="color: #12b5e5; font-size: 14px;">+</span> current
<span class="token punctuation" style="color: #231F20; font-size: 14px;">}</span>
nums<span class="token punctuation" style="color: #231F20; font-size: 14px;">.</span><span class="token function" style="color: #9d7dce; font-size: 14px;">reduce</span><span class="token punctuation" style="color: #231F20; font-size: 14px;">(</span>reducer<span class="token punctuation" style="color: #231F20; font-size: 14px;">)</span>
</code></pre>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Answer: <strong style="font-weight: 600;">Twice</strong></p>
<p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">If an initial value isn’t supplied, the first element in the array will be used as the initial value and the first invocation of the reducer function will be skipped.</p>
<div style="text-align:center;padding-bottom:80px;padding-top:80px">
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"><div style="margin-top:-40px">
<img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"><h5 style="font-size:18px;font-weight:400;margin-bottom:24px">Want us to say nice things <br> about your company?</h5>
<div style="margin-bottom:16px"><a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/vqh3hmuoomgz9qhg/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1796066949">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/l2heh6ullqr8mpu6/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1796066950">or share it</a></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Built with ❤️ by<!-- --> <a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/m2h7h6u332ed6rcm/aHR0cHM6Ly91aS5kZXY=" url-id="1796066951">ui.dev</a></p>
</div></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;">50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101</p>
<div style="font-family:Papyrus, cursive"><a class="unsubscribe-link" href="https://click.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo/dphehmueed5llzim/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1796066952">Unsubscribe from Bytes</a></div>
</div>
</div></td>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
</tr></tbody></table>
<span style="display: none"><a href="https://unsubscribe.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo">Unsubscribe</a></span>
<!-- -->
<img src="https://open.kit-mail6.com/68uxdxk733b8h5np804uohpld5nkkh9hlqvo" alt="">
</body>
</html>