<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-banner-rounded.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/eyes.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/furry-dev.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/fb-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/li-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/tw-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/em-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/coderabbit-logo.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/transit-queue.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/content/spot-the-bug.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/cool-bits.png">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-icon.png">
<title>Bytes: Parcel's Big Rust Wave</title>
<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: 18px; 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: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> Deleting tweets twice as fast, big news for my Sora followers, and a touching Node.js Veterans Day tribute.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/reh8h9ump62wpdi2h6/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTM2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760159">#536</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/furry-dev.jpg" alt="Furry typing at a computer" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 17px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">How I imagine my coding agent writing Rust<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Parcel’s Big Rust Wave</h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Every JavaScript build tool eventually goes through the same five stages of grief: denial, benchmarks, bargaining, porting a couple modules to Rust, and finally accepting that Node is the problem.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Parcel just hit stage five. <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/08hwhgu24log4rhlh5/aHR0cHM6Ly92My5wYXJjZWxqcy5vcmcvYmxvZy92My1hbHBoYS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760160">The Parcel 3 alpha</a> came out this week, and it’s a ground-up Rust rewrite with “no dependency on Node at all.” The CLI, dev server, transformers, bundler, and optimizers all live in a single binary under 30 MB, which is down from a ~120 MB install for v2 and hundreds of npm dependencies.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Devon Govett and the Parcel team have been Rust-curious for a while now with Lightning CSS and building on SWC, but they’re finally going full Rust for two reasons: 1) Parcel’s JavaScript core was always limited by its inability to share memory across threads, and 2) AI is very good at writing painfully tedious Rust code.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Here’s what Parcel’s big rewrite gets you:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Up to 100x faster cold builds.</strong> React Spectrum’s docs site went from 87.6s to 810ms, and memory usage fell 2.5x to 6.6x across their benchmarks.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">No more disk caching.</strong> Caching makes sense when the underlying work is slow. When it’s fast, the invalidation tracking becomes the bottleneck and a bug factory. v3 keeps in-memory rebuilds and otherwise just rebuilds from scratch.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Plugins are native now.</strong> It exposes a stable C interface, so you can write plugins in Rust, Go, or Swift. And simple JS/TS plugins run in an embedded QuickJS runtime.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> Parcel is arguing that once cold builds are fast enough, most of the complexity we’ve piled onto bundlers (cache layers, invalidation tracking, massive plugin ecosystems) stops being worth it. If they’re right, Vite and Rspack might have a very loud new neighbor in the build tool thunderdome.</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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/8ghqh3uo8r0q8vckh9/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTM2" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1901760161"><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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/vqh3hmuo6wxe69sghl/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MzY=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1901760162"><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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/m2h7h6u3x4gmx4bmhq/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9UGFyY2VsJTIwMyUyMHRyYWRlcyUyME5vZGUlMjBmb3IlMjBSdXN0JnVybD1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTM2" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1901760164"><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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/m2h7h5h3x4gmxlhmhq/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQVBhcmNlbCUyMDMlMjB0cmFkZXMlMjBOb2RlJTIwZm9yJTIwUnVzdCUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MzY=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1901760165"><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/coderabbit-logo.png" alt="CodeRabbit 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/transit-queue.jpg" alt="Chaotic queue for subway" width="600" style="border-radius: 5px; max-width: 100%;"><p style="font-family: Outfit, sans-serif; font-size: 17px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;">Your team's PR queue rn<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/e0hph0u7zrpqzzt8h2/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXMtMDIw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760166">Code got cheap. Shipping didn’t</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">AI made code cheap. It did not make changes safe to ship. Agentic Change Management gives teams the controls around agent output: Review every change with codebase context, prioritize a queue hundreds of PRs deep, understand big diffs in minutes, and secure the whole codebase.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/e0hph0u7zrpqzzt8h2/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXMtMDIw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760166">Bring Agentic Change Management to your PR today</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="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Spot the Bug</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Spot the Bug – Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/7qh7h2u9enkwegizh6/aHR0cHM6Ly9maW5nZXJwcmludC5jb20vd2ViaW5hci93b3Jrc2hvcC1hZ2VudGljLXRyYWZmaWMvP3V0bV9jYW1wYWlnbj1QcmVzZW50aW5nMTEwNjI2JnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX21lZGl1bT1uZXdzbGV0dGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760167">Fingerprint</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 18px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>They’re hosting a one-hour live build on <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/7qh7h2u9enkwegizh6/aHR0cHM6Ly9maW5nZXJwcmludC5jb20vd2ViaW5hci93b3Jrc2hvcC1hZ2VudGljLXRyYWZmaWMvP3V0bV9jYW1wYWlnbj1QcmVzZW50aW5nMTEwNjI2JnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX21lZGl1bT1uZXdzbGV0dGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760167">identifying agentic traffic without blocking real customers</a>. Because you don’t want to auto-block the bots your customers are using to buy stuff from you.</em></p>
</div>
</div>
<pre class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; box-sizing: border-box; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; max-width: 100%; overflow: auto; overflow-wrap: anywhere; padding: 24px; tab-size: 2; text-align: left; white-space: pre-wrap; word-spacing: normal;"><code class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; overflow-wrap: anywhere; tab-size: 2; text-align: left; white-space: pre-wrap; word-spacing: normal;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">class</span> <span class="token class-name" style="color: #12b5e5; font-size: 15px;">Queue</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">constructor</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">enqueue</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">value</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token operator" style="color: #12b5e5; font-size: 15px;">++</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">push</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>value<span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">dequeue</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">===</span> <span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token operator" style="color: #12b5e5; font-size: 15px;">--</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">shift</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">peek</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">-</span> <span class="token number" style="color: #fcba28; font-size: 15px;">1</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</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: 19px; line-height: 1.5;">Principal Engineer, Yagiz Nizipli wrote an interesting technical post on <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/owhkhwuweqkgz3fvhr/aHR0cHM6Ly9ibG9nLnguY29tL2VuL2VuZ2luZWVyaW5nL3JlYnVpbGRpbmctdGhlLWdsb2JhbC10b3duLXNxdWFyZS1mcm9tLXNjcmF0Y2g=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760168">how his team rebuilt X.com to improve performance</a>. It should enable his boss to delete old tweets twice as fast.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Google’s Custom Search JSON API shuts down on January 1, 2027. Point your app or AI agent at <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/z2hgh7uezl4pg4tph0/aHR0cHM6Ly9hcGlmeS5jb20vYXBpZnkvd2ViLXNlYXJjaD9mcHI9ZmlyZXNoaXAtYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760169">Apify Web Search</a> to keep getting Google results as JSON. Use code BYTES for $25 in credits. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/p8hehqu4eq3gv2bqh3/aHR0cHM6Ly9zaWxpY29uanVuZ2xlLmdpdGh1Yi5pby9pbmstc3BlYy1zaXRlLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760170">Ink</a> is a small, typed language with locally checked proofs and an extensible optimization database.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Node.js announced <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/x0hph3uemqr9gzs5hl/aHR0cHM6Ly9ub2RlanMub3JnL2VuL2Jsb2cvdnVsbmVyYWJpbGl0eS9ub3ZlbWJlci0yMDI2LXNlY3VyaXR5LXJlbGVhc2Vz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760171">security releases for the 22, 24, and 26 lines</a> landing November 11, with the highest severity rated HIGH and the details embargoed until then. They scheduled it for Veterans Day so we could all experience the fog of war firsthand.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Congrats, your AI agent writes code 10x faster. Now you just review it 10x slower – which is why teams at Dropbox, Wiz and ElevenLabs use Meticulous to <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/6qhehoul49knq6tohk/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTNfMSZ1dG1fdGVybT1Ob3YmdXRtX2NvbnRlbnQ9c2Vjb25kYXJ5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760172">verify every user flow and edge case</a>. There’s no developer effort, so they can get back to actual engineering. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The Chrome team just shipped the <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/e0hph0u7zrpqx2i8h2/aHR0cHM6Ly9kZXZlbG9wZXIuY2hyb21lLmNvbS9ibG9nL2h0bWwtaW4tY2FudmFz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760173">HTML-in-Canvas API</a> in Chrome 157, so you can finally render real, accessible DOM elements inside a <code style="font-size: 15px;"><canvas></code>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/7qh7h2u9enkwg4hzh6/aHR0cHM6Ly9naXRodWIuY29tL3JlbWl4LXJ1bi9yZW1peC9yZWxlYXNlcy90YWcvcmVtaXhAMy4yLjA=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760174">Remix v3.2</a> just dropped with Content Security Policy support, ~10% smaller component runtime, and other goodies. Quick question, is this Remix-the-framework, Remix-the-React-Router-wrapper, or Remix-the-state-of-mind?</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Socket published this <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/owhkhwuweqkgz4uvhr/aHR0cHM6Ly9zb2NrZXQuZGV2L2Jsb2cvaGFyZGVuaW5nLWdpdGh1Yi1hY3Rpb25zLWFnYWluc3Qtb3V0c2lkZS10aHJlYXRz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760175">guide to hardening GitHub Actions against outside threats</a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/p8hehqu4eq3gv4sqh3/aHR0cHM6Ly93d3cuYmxhY2tzbWl0aC5zaC8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPWJ5dGVzX3NlY29uZGFyeV8yMDI2XzExXzA2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760177">Blacksmith is a drop-in replacement for GitHub runners</a> that’s significantly faster and costs 60% less. It’s dead simple and also fully observable in your CI pipeline. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/x0hph3uemqr9g9t5hl/aHR0cHM6Ly9vcGVuYWkuY29tL2luZGV4L29wZW5haS10by1hY3F1aXJlLXBpZXJyZS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760178">OpenAI is acquiring Pierre</a>, the startup behind Code Storage and the Trees and Diffs libraries that Codex already uses, which means OpenAI now wants to write your code, store your code, and review your code. I really should’ve gone to that Twinks of SF meetup back in 2014 when I had the chance.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/6qhehoul49knqoiohk/aHR0cHM6Ly9naXRodWIuY29tL3BwbXByZWV0aGFtL0JVSQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760179">BUI</a> is an open-source library that extracts Blender’s entire UI so you can use it from Python, Rust, JavaScript, C, or C++. Finally, your CRUD app can feel exactly like hour 40 of the donut tutorial.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Google just released <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/kkhmh2unpxd674flh7/aHR0cHM6Ly9ibG9nLmdvb2dsZS9pbm5vdmF0aW9uLWFuZC1haS90ZWNobm9sb2d5L2RldmVsb3BlcnMtdG9vbHMvaW50cm9kdWNpbmctZ2VtaW5pLW9tbmktMS0yLWZsYXNoLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760180">Gemini Omni 1.2 Flash</a> for native 15-second video creation, which is gonna be transformational for my Sora followers.</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="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Spot the Bug: Solution</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/7qh7h2u9enkwegizh6/aHR0cHM6Ly9maW5nZXJwcmludC5jb20vd2ViaW5hci93b3Jrc2hvcC1hZ2VudGljLXRyYWZmaWMvP3V0bV9jYW1wYWlnbj1QcmVzZW50aW5nMTEwNjI2JnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX21lZGl1bT1uZXdzbGV0dGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1901760167">Fingerprint</a>
</h4></div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">A queue is first in, first out, so <code style="font-size: 15px;">peek()</code> should return the first item, not the last.</p>
<pre class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; box-sizing: border-box; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; max-width: 100%; overflow: auto; overflow-wrap: anywhere; padding: 24px; tab-size: 2; text-align: left; white-space: pre-wrap; word-spacing: normal;"><code class="language-js" style="-moz-hyphens: none; -moz-tab-size: 2; -ms-hyphens: none; -o-tab-size: 2; -webkit-hyphens: none; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 15px; hyphens: none; line-height: 1.5; overflow-wrap: anywhere; tab-size: 2; text-align: left; white-space: pre-wrap; word-spacing: normal;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">class</span> <span class="token class-name" style="color: #12b5e5; font-size: 15px;">Queue</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">constructor</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">enqueue</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">value</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token operator" style="color: #12b5e5; font-size: 15px;">++</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">push</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>value<span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">dequeue</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">===</span> <span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token operator" style="color: #12b5e5; font-size: 15px;">--</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">shift</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token function" style="color: #9d7dce; font-size: 15px;">peek</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">this</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>list<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
</code></pre>
<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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/58hvh8ugw6vke3i6h4/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1901760181">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/25h2h9u3xmv456b3h4/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1901760182">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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/qvh8h8ud3k7oxwulhk/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1901760183">Fireship</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://c5e21242.click.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l/g3hnhwum2qd6vwhrh9/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1901760184">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://c5e21242.unsubscribe.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/o8uqeqor33bqhn3x3znavhqqezlm6hoh4g6l" alt="">
</body>
</html>