Email: Bytes: Something worse than semver

Subject:
Bytes: Something worse than semver
Received:
7/28/2026, 10:32:09 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/confused-paper-reader.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/coderabbit-logo.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/skeptical-glance.jpg"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/spot-the-bug.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: Something worse than semver&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: 18px; 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: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Today’s issue:&lt;/strong&gt; The cure for male pattern baldness, compiling away React’s bad parts, and going ring shopping at gunpoint.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Welcome to &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/owhkhwuw2496npivhr/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTA3" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747670"&gt;#507&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/confused-paper-reader.jpg" alt="A confused man reading a sheet of paper" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;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;"&gt;GPT 5.6 Sol Ultra Fast&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Something worse than semver&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;I am a little ashamed to admit that, for a long time, semver, my arch-nemesis, has been a helpful tool for deciding what to write about. But this week, when &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/z2hgh7ueqo6k76uph0/aHR0cHM6Ly93d3cuYW50aHJvcGljLmNvbS9uZXdzL2NsYXVkZS1vcHVzLTU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747671"&gt;Anthropic released Opus 5&lt;/a&gt; and Elon said &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/p8hehqu4n962dohqh3/aHR0cHM6Ly94LmNvbS9lbG9ubXVzay9zdGF0dXMvMjA4MDcyNDA4NzU5MzIyNjMxMT9zPTIw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747672"&gt;Grok will release 4.6 and 4.7 in the next month&lt;/a&gt;, I realized that AI naming conventions are basically just vibes.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;The way semver is supposed to work is that it follows the convention of MAJOR.MINOR.PATCH, where patches are backward-compatible bug fixes, minors are backward-compatible feature additions, and majors are reserved for breaking changes. But in the world of AI, none of this is particularly helpful. So I have decided to do an insane thing and try to make this all make sense. Wish me luck.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Version Number:&lt;/strong&gt; Major versions usually represent significant changes to a model’s architecture, training data, and training strategies, with the goal of adding new capabilities. Minor versions represent optimizations to the base model, usually via post-training, that make the model perform better on benchmarks or improve its efficiency.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Product Name:&lt;/strong&gt; Both Anthropic and OpenAI have product names (&lt;code style="font-size: 15px;"&gt;Fable | Opus | Sonnet | Haiku&lt;/code&gt; vs. &lt;code style="font-size: 15px;"&gt;Sol | Terra | Luna&lt;/code&gt;) within each version of a model. These products essentially represent a “tier” of model that relates roughly to how large and precise the model is. Roughly speaking, the larger and more precise the model, the slower and more expensive it will be. If you’ve noticed companies talking more and more about routers, it’s because they are trying to smooth over this nonsense by using an LLM to assess a query and send it to the most relevant model.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Effort Level:&lt;/strong&gt; If this current set of conventions wasn’t dumb enough, there is also an effort level option that model providers offer. The effort level is an indication of how many reasoning steps a model should take before returning an answer. How do you know how much the model is going to reason? Lol you don’t. In my experience, it’s a great way to light tokens on fire, burn through all your credits, and never get a result.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Bottom Line:&lt;/strong&gt; AI companies creating a system that is worse than semver is truly an accomplishment, but hopefully the next time you feel the urge to fire up Fable 5 on max reasoning for your CRUD app, you’ll think of this and reconsider your life choices.&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/x0hph3ue5n2pz6f5hl/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTA3" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1873747673"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/6qhehoulmpr5w8fohk/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MDc=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1873747674"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/7qh7h2u9r0l68nizh6/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QUklMjBuYW1pbmclMjBjb252ZW50aW9ucyUyMGhhdmUlMjBzb21laG93JTIwYmVjb21lJTIwd29yc2UlMjB0aGFuJTIwc2VtdmVyLiZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjUwNw==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1873747676"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/owhkhwuw2496n0hvhr/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQUFJJTIwbmFtaW5nJTIwY29udmVudGlvbnMlMjBoYXZlJTIwc29tZWhvdyUyMGJlY29tZSUyMHdvcnNlJTIwdGhhbiUyMHNlbXZlci4lMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTA3" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1873747677"&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/coderabbit-logo.png" alt="CodeRabbit 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/skeptical-glance.jpg" alt="A man giving a skeptical sideways glance" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;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;"&gt;Reviewing AI-generated code before we had CodeRabbit&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/z2hgh7ueqo6k7zbph0/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747678"&gt;Understand the real change behind your code&lt;/a&gt;&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Reviewing AI-generated code shouldn’t mean just going through files in alphabetical order.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/z2hgh7ueqo6k7zbph0/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747678"&gt;CodeRabbit Change Stack&lt;/a&gt; reorganizes any pull request from a flat file list into a structured, layer-by-layer walkthrough. And you can try it out for free right now during early access.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Here’s a sneak peek:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;PR Overviews:&lt;/strong&gt; Get a PR summary, walkthrough, actionable blockers with one-click fixes, and all PR reviews and comments in one place.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Timeline View:&lt;/strong&gt; See a full history and explanation of how the PR got where it is. Semantic Diff shows you the real changes behind your code, and you can ask the agent questions about your implementation, right where you’re working.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/z2hgh7ueqo6k7zbph0/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747678"&gt;Review your next PR with CodeRabbit Change Stack&lt;/a&gt; – try it free today.&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/spot-the-bug.png" alt="Spot the Bug 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;Spot the Bug&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;
&lt;h4 style="font-size: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/p8hehqu4n962dvaqh3/aHR0cHM6Ly9nby5jbGVyay5jb20vRVdXclVXZg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747679"&gt;Clerk&lt;/a&gt;
&lt;/h4&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 18px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"&gt;&lt;em&gt;Clerk now supports &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/p8hehqu4n962dvaqh3/aHR0cHM6Ly9nby5jbGVyay5jb20vRVdXclVXZg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747679"&gt;self-serve SSO&lt;/a&gt;. Now your customers’ IT admins can configure and manage their own enterprise SSO connections from a new Security tab in &lt;code style="font-size: 15px;"&gt;&lt;OrganizationProfile /&gt;&lt;/code&gt;.&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&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: 15px; 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: 15px; 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: 15px;"&gt;const&lt;/span&gt; items &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;1&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;name&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;'Apple'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;price&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;0.5&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;2&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;name&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;'Banana'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;price&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;0.3&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;id&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;3&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;name&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;'Orange'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;price&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;0.6&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;

&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;function&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;applyDiscount&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 15px;"&gt;items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; discount&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;for&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;let&lt;/span&gt; i &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt; i &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;&lt;&lt;/span&gt; items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;length&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt; i&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;++&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt;
    items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;i&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;price &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;-=&lt;/span&gt; items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;i&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;price &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;*&lt;/span&gt; discount&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
    items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;i&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;price &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;i&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;]&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;price&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;toFixed&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;2&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;return&lt;/span&gt; items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;

&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;const&lt;/span&gt; discountedItems &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;applyDiscount&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;0.1&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;const&lt;/span&gt; totalPrice &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; discountedItems&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;reduce&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 15px;"&gt;sum&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; item&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&gt;&lt;/span&gt; sum &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;+&lt;/span&gt; item&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;price&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; &lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;0&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
&lt;/code&gt;&lt;/pre&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: 19px; line-height: 1.5;"&gt;Claude has a new &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/x0hph3ue5n2pd8u5hl/aHR0cHM6Ly9jbGF1ZGUuY29tL2Jsb2cvdGhlLW5ldy1ydWxlcy1vZi1jb250ZXh0LWVuZ2luZWVyaW5nLWZvci1jbGF1ZGUtNS1nZW5lcmF0aW9uLW1vZGVscw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747680"&gt;guide for context engineering&lt;/a&gt; for its version 5 models.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;I’m not saying it was personal, but &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/kkhmh2unk8w525ilh7/aHR0cHM6Ly90YW5zdGFjay5jb20vYmxvZy9pbnRyb2R1Y2luZy10YW5zdGFjay1tYXJrZG93bi1hbmQtaGlnaGxpZ2h0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747682"&gt;Tanner wrote two new libraries&lt;/a&gt; — &lt;code style="font-size: 15px;"&gt;@tanstack/markdown&lt;/code&gt; and &lt;code style="font-size: 15px;"&gt;@tanstack/highlight&lt;/code&gt; — just to get rid of RSC on tanstack.com.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Archestra built &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/58hvh8ugr5xno0h6h4/aHR0cHM6Ly9naXQubmV3L2J5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747683"&gt;an open-source AI platform&lt;/a&gt; that bundles a private MCP registry, orchestrator, cost controls, and observability into a secure environment that won’t leak private data to the internet. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;The &lt;code style="font-size: 15px;"&gt;Promise.allKeyed&lt;/code&gt; proposal, which lets you return a dictionary of promises, &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/25h2h9u3k79800u3h4/aHR0cHM6Ly9naXRodWIuY29tL3RjMzkvcHJvcG9zYWwtYXdhaXQtZGljdGlvbmFyeQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747684"&gt;reached Stage 3&lt;/a&gt;. “Dictionary of promises” and “proposal” are things your girlfriend says when you’re being escorted to Tiffany’s at gunpoint.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Vercel Labs &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/qvh8h8ud98w420ulhk/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC1sYWJzL3NjcmlwdGM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747685"&gt;released &lt;code style="font-size: 15px;"&gt;scriptc&lt;/code&gt;&lt;/a&gt;, a compiler that turns TypeScript into native code. Why? Faster cold starts, I guess.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Ethan Smith wrote about &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/g3hnhwum4e9lozsrh9/aHR0cHM6Ly93d3cuZXRoYW5zbWl0aDIwMDAuY29tL3Bvc3QvdGhlLW1lYW4tcHJlZmVyZW5jZS1pcy1hLWJhZC1lc3RpbWF0ZS1vZi1wcmVmZXJlbmNlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747686"&gt;reward functions for image models&lt;/a&gt; and why it’s so hard to make something everyone likes. If you know what a Gaussian distribution is, continue reading.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Jay Henry and Sergiy Dybskiy are hosting a free workshop on &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/9qhzhdudogw63gf9h3/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL2V0c3ktd29ya3Nob3AvP3V0bV9zb3VyY2U9Ynl0ZXMmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fY2FtcGFpZ249ZWNvbW1lcmNlLWZ5MjdxMi1ldHN5d29ya3Nob3AmdXRtX2NvbnRlbnQ9bmV3c2xldHRlci1zZWNvbmRhcnktcmVnaXN0ZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747687"&gt;How Etsy keeps their app crash-free during traffic spikes with Sentry&lt;/a&gt;. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Dominic Gannaway just launched &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/3ohphdu3eqm297crhn/aHR0cHM6Ly9vY3RhbmVqcy5kZXYv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747688"&gt;a new project called Octane&lt;/a&gt; that compiles away all of React’s bad parts.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Kimi K3 &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/n2hohquvznqx5vi6hg/aHR0cHM6Ly9odWdnaW5nZmFjZS5jby9tb29uc2hvdGFpL0tpbWktSzM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747689"&gt;released its weights&lt;/a&gt; on Hugging Face. Dario is furious.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/48hvh7um40lpq6uxh7/aHR0cHM6Ly93aXNwcmZsb3cuYWkv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747690"&gt;Wispr Flow&lt;/a&gt; is the smart, voice-to-text tool that *actually works* across any app. Just speak naturally when you want to write an AI prompt, PR description, or Slack message, and Wispr Flow turns it into clean, formatted text that’s ready to send. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;NVIDIA just &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/wnh2h6uqer7kvgf7hx/aHR0cHM6Ly9udmlkaWFuZXdzLm52aWRpYS5jb20vbmV3cy9pbHlhLXN1dHNrZXZlcnMtc2FmZS1zdXBlcmludGVsbGlnZW5jZS1pbmMtYW5kLW52aWRpYS1hbm5vdW5jZS1sb25nLXRlcm0tc3RyYXRlZ2ljLXBhcnRuZXJzaGlw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747691"&gt;gave Ilya Sutskever’s company SSI a bunch of compute&lt;/a&gt;. Step 1: AGI. Step 2: use AGI to fix male pattern baldness.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;Poolside made &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/reh8h9umgqd3vnf2h6/aHR0cHM6Ly9wb29sc2lkZS5haS9ibG9nL2ludHJvZHVjaW5nLXBvb2xzaWRlLWRlc2t0b3AtYXNzaXN0YW50" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747692"&gt;a desktop app for Mac&lt;/a&gt; to use their models locally. PC users will have to vibe code their own.&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="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug 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;Spot the Bug: Solution&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;&lt;h4 style="font-size: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://c5e21242.click.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/p8hehqu4n962dvaqh3/aHR0cHM6Ly9nby5jbGVyay5jb20vRVdXclVXZg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1873747679"&gt;Clerk&lt;/a&gt;
&lt;/h4&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;After applying the discount, we use &lt;code style="font-size: 15px;"&gt;toFixed(2)&lt;/code&gt; to round the price to two decimal places. However, &lt;code style="font-size: 15px;"&gt;toFixed()&lt;/code&gt; returns a string, not a number. That means that when we calculate the total with &lt;code style="font-size: 15px;"&gt;reduce()&lt;/code&gt;, we perform string concatenation instead of number addition.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;There are a few ways to fix it. The simplest, if you’re confident in your data, is to convert the result back to a number:&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: 15px; 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: 15px; 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: 15px;"&gt;function&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;applyDiscount&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 15px;"&gt;items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; discount&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;return&lt;/span&gt; items&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;map&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 15px;"&gt;item&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&gt;&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt;
    &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;...&lt;/span&gt;item&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt;
    &lt;span class="token literal-property property" style="color: #12b5e5; font-size: 15px;"&gt;price&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;:&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;Number&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;item&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;price &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;*&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;1&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;-&lt;/span&gt; discount&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;toFixed&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;2&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/08hwhgu23me9wnflh5/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1873747693"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/8ghqh3uomgd2pzckh9/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1873747694"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/vqh3hmuozn0v30sghl/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1873747695"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w/l2heh6ul8o2nv7a6h0/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1873747696"&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/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://c5e21242.open.convertkit-mail.com/n4ugqg6788hvhx7vqrki6h672o7m4hlho53w" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
