Email: Bytes: Vite+ enters the Matrix

Subject:
Bytes: Vite+ enters the Matrix
Received:
3/20/2026, 5:54:52 PM
From:
"Tyler from Fireship" <tyler@ui.dev>
To:
desert.legend.57@rss.andrealin.it
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/bytes-banner-rounded.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/eyes.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/guillermo-side-eye.jpg"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/fb-share-icon.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/li-share-icon.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/tw-share-icon.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/em-share-icon.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/clerk-logo.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/ronnie-jay.jpg"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/pop-quiz.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/cool-bits.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/bytes-icon.png"&gt;
&lt;title&gt;Bytes: Vite+ enters the Matrix&lt;/title&gt;
&lt;meta name="color-scheme" content="light dark"&gt;
&lt;meta name="supported-color-schemes" content="light dark"&gt;
&lt;link href="https://fonts.googleapis.com/css2?family=Fira+Mono&amp;family=Outfit:wght@400;500;700;900&amp;family=Paytone+One" rel="stylesheet"&gt;
&lt;style&gt;@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;
  }
}&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;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%;"&gt;&lt;tbody&gt;&lt;tr&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"&gt;&lt;div style="max-width:600px;padding-top:80px"&gt;
&lt;div style="text-align:center"&gt;&lt;img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Today’s issue:&lt;/strong&gt; Getting my favorite fantasy novel spoiled by the Node.js team, banning useEffect, and the benefits of being “disliked but unavoidable.”&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Welcome to &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/wnh2h6uq7327oni7/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDcx" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282654"&gt;#471&lt;/a&gt;.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;The Main Thing&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/guillermo-side-eye.jpg" alt="Guillermo staring longingly with a side eye into the camera" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;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;"&gt;Watching another gladiator enter the deployment arena&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Vite+ enters the Matrix&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;It turns out that there are only two business models for VC-backed OSS tools: 1) build a custom deployment platform, or 2) get acquired by Anthropic.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;The Vite/VoidZero team just committed to door #1 last week when they launched &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/reh8h9umdeld5da2/aHR0cHM6Ly92b2lkLmNsb3VkLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282655"&gt;Void&lt;/a&gt; – a “Vite-native deployment platform” that lets you turn any Vite app into a “truly full-stack” application. It’s built on Cloudflare Workers and gives you a database, KV storage, object storage, AI inference, and other goodies.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;But the best part is that this means they’re setting Vite+ free.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Vite’s unified toolchain is now fully open-source and MIT licensed, instead of the feature-gated model they were originally considering as a monetization strategy. And that’s great news for the rest of us, because the &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/08hwhgu2ek6e7rul/aHR0cHM6Ly92b2lkemVyby5kZXYvcG9zdHMvYW5ub3VuY2luZy12aXRlLXBsdXMtYWxwaGE=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282656"&gt;Vite+ alpha&lt;/a&gt; looks very promising:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Full toolchain in a single binary&lt;/strong&gt; – &lt;code style="font-size: 14px;"&gt;vp&lt;/code&gt; bundles Vite, Vitest, Oxlint, Oxfmt, Rolldown, and tsdown into one unified dev environment, so you don’t have to juggle separate config files for each tool.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;&lt;code style="font-size: 14px;"&gt;vp&lt;/code&gt; covers the full local dev lifecycle&lt;/strong&gt; – &lt;code style="font-size: 14px;"&gt;vp env&lt;/code&gt; manages your Node version, &lt;code style="font-size: 14px;"&gt;vp install&lt;/code&gt; picks the right package manager, &lt;code style="font-size: 14px;"&gt;vp check&lt;/code&gt; runs lint + format + type-check in one shot, and &lt;code style="font-size: 14px;"&gt;vp build&lt;/code&gt; produces an optimized production bundle.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Vite Task is a nice bonus&lt;/strong&gt; – The built-in task runner auto-fingerprints inputs for caching, so repeated tasks are skipped if nothing changed (like a built-in version of Turborepo).&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Agent-friendly migration&lt;/strong&gt; – Their &lt;code style="font-size: 14px;"&gt;vp migrate&lt;/code&gt; command includes a copy-paste prompt for your coding agent to handle the migration for you.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Bottom Line:&lt;/strong&gt; A lot of projects have tried and failed to build the “one unified JS toolchain to rule them all” over the years, but Vite+ is actually doing it.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;And if they become a major critical dependency for enough projects, even if their Void deployment platform doesn’t work out, some other big tech/AI company will probably just acquire them ala Bun. So they’re basically building themselves a get-out-jail-free card. Big brain Evan strikes again.&lt;/p&gt;
&lt;table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;"&gt;
&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/8ghqh3uodx6d5vik/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDcx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841282657"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/vqh3hmuo0d90k9fg/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NzE=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841282658"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/l2heh6ul2zm2k8a6/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwZXZlcnl0aGluZyUyMGluJTIwdGhlJTIwVml0ZSUyQiUyMGFscGhhJTJDJTIwcGx1cyUyMFZvaWRaZXJvJTI3cyUyMGNvbXBhbnklMjByb2FkbWFwJnVybD1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDcx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841282659"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/m2h7h6u35765n4im/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBQnJlYWtpbmclMjBkb3duJTIwZXZlcnl0aGluZyUyMGluJTIwdGhlJTIwVml0ZSUyQiUyMGFscGhhJTJDJTIwcGx1cyUyMFZvaWRaZXJvJTI3cyUyMGNvbXBhbnklMjByb2FkbWFwJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ3MSZzdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0Y=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1841282660"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="150" src="https://bytes.dev/images/content/clerk-logo.png" alt="clerk-logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;&lt;span&gt;Our Friends &lt;br class="mobile-break"&gt;(With Benefits)&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/ronnie-jay.jpg" alt="Ronnie Coleman carrying Jay Cutler on his back" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;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;"&gt;When there was one set of footsteps, Clerk was carrying me&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/dphehmue6m9672im/aHR0cHM6Ly9nby5jbGVyay5jb20vZHhmVzlVMw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282661"&gt;&lt;code style="font-size: 14px;"&gt;@clerk/expo&lt;/code&gt; 3.1 ships with native components&lt;/a&gt;&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;That means you can now drop prebuilt, platform-native auth screens into any Expo app without writing any Swift or Kotlin.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;It gives you:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Native UI components&lt;/strong&gt; –  &lt;code style="font-size: 14px;"&gt;&lt;AuthView /&gt;&lt;/code&gt;, &lt;code style="font-size: 14px;"&gt;&lt;UserButton /&gt;&lt;/code&gt;, and &lt;code style="font-size: 14px;"&gt;&lt;UserProfileView /&gt;&lt;/code&gt; render via SwiftUI on iOS and Jetpack Compose on Android. And they all use &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/e0hph0u7v23vnzu8/aHR0cHM6Ly9jbGVyay5jb20vZG9jcy9yZWZlcmVuY2UvZXhwby9uYXRpdmUtY29tcG9uZW50cy9vdmVydmlldw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282662"&gt;hook-based state management&lt;/a&gt;, not callbacks.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Native Google sign-in&lt;/strong&gt; – ASAuthorization on iOS, Credential Manager on Android. No OAuth redirect, no browser pop-up, no explaining to your users why auth looks weird.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Core-3 Signal APIs&lt;/strong&gt; – &lt;code style="font-size: 14px;"&gt;setActive()&lt;/code&gt; is gone, and auth state is fully reactive with the new Signal API.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/dphehmue6m9672im/aHR0cHM6Ly9nby5jbGVyay5jb20vZHhmVzlVMw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282661"&gt;Check out &lt;code style="font-size: 14px;"&gt;@clerk/expo&lt;/code&gt; 3.1&lt;/a&gt; – and see how simple it is to get started.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Pop Quiz&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;
&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/7qh7h2u9lm2l4gcz/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282663"&gt;SurveyJS&lt;/a&gt;
&lt;/h4&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"&gt;&lt;em&gt;Form builders shouldn’t own your data. With &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/7qh7h2u9lm2l4gcz/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282663"&gt;SurveyJS UI libraries&lt;/a&gt; you can build dynamic JSON-driven forms inside your app and keep full control of your data.&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;What gets logged?&lt;/p&gt;
&lt;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; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;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: 14px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; array &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;new&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;Array&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;3&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;fill&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
array&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;push&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"bytes"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;array&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;s/o to &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/owhkhwuw97m943cv/aHR0cHM6Ly90d2l0dGVyLmNvbS9KTllCR1Ivc3RhdHVzLzE3MDk5Njc2NDY5NDUzMTcwOTA_cz0yMA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282664"&gt;Jonny&lt;/a&gt; for this one.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Cool Bits&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/z2hgh7ue6826o4up/aHR0cHM6Ly9uZXh0anMub3JnL2Jsb2cvbmV4dC0xNi0y" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282665"&gt;Next.js 16.2&lt;/a&gt; comes with new agent capabilities, perf upgrades, and “over 200 Turbopack improvements.” Improvement #179 was actually just hot swapping it for Vite.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Kyle Galbraith wrote about how &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/p8hehqu46lw692hq/aHR0cHM6Ly9mYW5kZi5jby80c0pudEdq" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282666"&gt;the bottleneck has shifted from writing code to integrating it&lt;/a&gt;, and how teams with faster builds and real-time feedback loops are lapping everyone else right now. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Ryan Hunt wants to know, &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/6qhehoulrd8rp6ao/aHR0cHM6Ly9oYWNrcy5tb3ppbGxhLm9yZy8yMDI2LzAyL21ha2luZy13ZWJhc3NlbWJseS1hLWZpcnN0LWNsYXNzLWxhbmd1YWdlLW9uLXRoZS13ZWIv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282668"&gt;Why is WebAssembly a second-class language on the web?&lt;/a&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Matteo Collina wrote about how AI-assisted coding &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/kkhmh2unw30w83il/aHR0cHM6Ly9hZHZlbnR1cmVzLm5vZGVsYW5kLmRldi9hcmNoaXZlL3NvZnR3YXJlLWVuZ2luZWVyaW5nLXNwbGl0cy1pbi10aHJlZS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282669"&gt;split software engineering in three&lt;/a&gt;. And I swear he better not give out any more spoilers for &lt;em&gt;The Strength of the Few.&lt;/em&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/58hvh8ugxzdx59s6/aHR0cHM6Ly93d3cud2FycC5kZXYvb3o=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282670"&gt;Oz&lt;/a&gt; lets you run hundreds of agents in parallel on your own cloud infrastructure, not just on a laptop. It’s basically Vercel for background agents. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/25h2h9u39ep977t3/aHR0cHM6Ly9zdHJhd2JlcnJ5YnJvd3Nlci5jb20vYmxvZy9yZWFjdC10by1zdmVsdGU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282671"&gt;How we migrated 130k lines of code from React to Svelte in two weeks&lt;/a&gt; breaks down one team’s daring vision to have their coding agent go where many other coding agents have recently gone before.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Jon Kuperman wrote about &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/qvh8h8udw0mw8rul/aHR0cHM6Ly9ibG9vbWJlcmcuZ2l0aHViLmlvL2pzLWJsb2cvcG9zdC9zdGFuZGFyZGl6aW5nLXNvdXJjZS1tYXBzLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282672"&gt;the history of Source Maps&lt;/a&gt;.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;You can now &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/g3hnhwum9k89emar/aHR0cHM6Ly9zZW50cnkuaW8vY29va2Jvb2svbW9uaXRvci1tY3Atc2VydmVyLz91dG1fY2FtcGFpZ249bWNwLWZ5MjdxMS1jb29rYm9vayZ1dG1fY29udGVudD1uZXdzbGV0dGVyLW1jcC1zZXJ2ZXItc2Vjb25kYXJ5LXRyeXNlbnRyeSZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9Ynl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282673"&gt;monitor your MCP server with Sentry&lt;/a&gt; by wrapping it in a single function call that gives you full visibility into everything going on under the hood. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Josh Wilson wrote about why his team &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/9qhzhdudwlvwgzf9/aHR0cHM6Ly93d3cuYWhhLmlvL2VuZ2luZWVyaW5nL2FydGljbGVzL3doeS13ZS1yb2xsZWQtb3VyLW93bi1yc2MtZnJhbWV3b3Jr" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282674"&gt;rolled their own RSC framework&lt;/a&gt;. Turns out they wanted to start beefing on Twitter with Cloudflare and Vercel to get clout. I respect the hustle.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Alvin Sng wrote a good article about why his team at Factory &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/n2hohquvqk9qnes6/aHR0cHM6Ly94LmNvbS9hbHZpbnNuZy9zdGF0dXMvMjAzMzk2OTA2MjgzNDA0NTA4OQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282676"&gt;banned React’s useEffect&lt;/a&gt;. Their poor HR department.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/48hvh7umlndl0wix/aHR0cHM6Ly9udXh0LmNvbS9ibG9nL3Y0LTQ=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282677"&gt;Nuxt 4.4&lt;/a&gt; ships with custom &lt;code style="font-size: 14px;"&gt;useFetch&lt;/code&gt; / &lt;code style="font-size: 14px;"&gt;useAsyncData&lt;/code&gt; factories, Vue Router v5, and smarter payload handling.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Ryan Carniato wrote about &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/wnh2h6uq7327rnb7/aHR0cHM6Ly9kZXYudG8vcGxheWZ1bHByb2dyYW1taW5nL3R3by1yZWFjdC1kZXNpZ24tY2hvaWNlcy1kZXZlbG9wZXJzLWRvbnQtbGlrZS1idXQtY2FudC1hdm9pZC1kNmc=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282678"&gt;the two React design choices developers don’t like, but can’t avoid&lt;/a&gt;. Speaking from personal experience, there are a lot of social benefits that come with being “disliked but unavoidable.”&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Pop Quiz: Answer&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/7qh7h2u9lm2l4gcz/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1841282663"&gt;SurveyJS&lt;/a&gt;
&lt;/h4&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;What gets logged?&lt;/p&gt;
&lt;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; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;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: 14px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; array &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;new&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;Array&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;3&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;fill&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
array&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;push&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"bytes"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
console&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;array&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// [ ["bytes"], ["bytes"], ["bytes"] ]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;When you call &lt;code style="font-size: 14px;"&gt;.fill([])&lt;/code&gt;, what you’re really doing is “filling up” the array with three &lt;em&gt;references&lt;/em&gt; to the same array. You can kind of think of it like this.&lt;/p&gt;
&lt;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; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;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: 14px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; reference &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;
&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; array &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;new&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;Array&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;3&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;fill&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;reference&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Where now, &lt;code style="font-size: 14px;"&gt;array&lt;/code&gt; has three elements and they’re all referencing the same &lt;code style="font-size: 14px;"&gt;reference&lt;/code&gt; array. Therefore, if you add an item to any of the three elements, since they all point to the same array, it’s &lt;em&gt;as if&lt;/em&gt; you’re adding an item to all of them.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;To get the same functionality without the referential weirdness, you can use &lt;code style="font-size: 14px;"&gt;Array.from&lt;/code&gt;.&lt;/p&gt;
&lt;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; color: #c0c5ce; direction: ltr; font-family: 'Fira Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace; font-size: 14px; hyphens: none; line-height: 1.5; overflow: auto; padding: 24px; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;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: 14px; hyphens: none; line-height: 1.5; tab-size: 2; text-align: left; white-space: pre; word-break: normal; word-spacing: normal;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; array &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; Array&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;from&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 14px;"&gt;length&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;3&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;,&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
array&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;[&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;push&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 14px;"&gt;"bytes"&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;  &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 14px;"&gt;// [ ["bytes"], [], [] ]&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div style="text-align:center;padding-bottom:80px;padding-top:80px"&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"&gt;&lt;div style="margin-top:-40px"&gt;
&lt;img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"&gt;&lt;h5 style="font-size:18px;font-weight:400;margin-bottom:24px"&gt;Want us to say nice things &lt;br&gt; about your company?&lt;/h5&gt;
&lt;div style="margin-bottom:16px"&gt;&lt;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/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/reh8h9umdeldqdt2/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1841282679"&gt;Sponsor Bytes&lt;/a&gt;&lt;/div&gt;
&lt;div style="margin-bottom:20px"&gt;&lt;a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/08hwhgu2ek6emral/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1841282680"&gt;or share it&lt;/a&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Built with ❤️ by&lt;!-- --&gt; &lt;a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/8ghqh3uodx6dgvbk/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1841282681"&gt;Fireship&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;"&gt;50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101&lt;/p&gt;
&lt;div style="font-family:Papyrus, cursive"&gt;&lt;a class="unsubscribe-link" href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep/vqh3hmuo0d90n9hg/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1841282682"&gt;Unsubscribe from Bytes&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;span style="display: none"&gt;&lt;a href="https://c5e21242.unsubscribe.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://c5e21242.open.convertkit-mail.com/p9u7p74z33b9h26mxx9uqhp0gz84esrhg6ep" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
