Email: Bytes: Pi Pilled - Email to RSS Admin

Subject:
Bytes: Pi Pilled
Received:
10/2/2026, 6:45:04 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/life-of-pi.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/leaf-blower-engine.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: Pi Pilled&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; Merge topologies, finding the courage to go full ESM, and the colorless, odorless gas that makes up 1% of Earth’s atmosphere.&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/8ghqh3uo7wlzndfkh9/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTI2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574031"&gt;#526&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/life-of-pi.jpg" alt="A tiger roars from a lifeboat while Pi stands behind it at sea" 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;Just a developer and their beloved agent harness&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Pi Pilled&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’ve always thought that developers loving their tools was a form of Stockholm Syndrome, but over the past year few tools have gotten more admiration than Pi, which just &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/vqh3hmuoqmplrrtghl/aHR0cHM6Ly9lYXJlbmRpbC5jb20vcG9zdHMvcGktMS0wLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574032"&gt;released version 1.0&lt;/a&gt; this past week.&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;If you haven’t heard of it or used it, Pi is a minimalist agent harness written in TypeScript whose original claim to fame was powering OpenClaw. Like most harnesses, it has a TUI, CLI and SDK but I never really “got” why developers liked it so much. Then I remembered how many developers I’ve met who exclusively wear conference t-shirts and cargo shorts, that can’t wait to tell you about their custom Neovim config. For these developers, Pi is perfection.&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;em&gt;Why developers love Pi:&lt;/em&gt;&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;Of the major harnesses that support multiple models, only OpenCode and Pi are open source. And we all know open source is developer catnip. But what sets Pi apart is your ability to customize the tool. Its core is intentionally minimal and until &lt;code style="font-size: 15px;"&gt;v0.99&lt;/code&gt;, it didn’t even support MCP. Instead, it exposes an extension API which lets you install custom packages, or more impressively, lets you extend Pi directly via a prompt.&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;em&gt;What’s new in Pi 1.0&lt;/em&gt;&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;Pi Durable:&lt;/strong&gt; The Pi team created &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/m2h7h6u3l28vz6smhq/aHR0cHM6Ly9lYXJlbmRpbC5jb20vcG9zdHMvcGktZHVyYWJsZS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574034"&gt;a new package&lt;/a&gt; that allows developers to create and deploy long-running agents to the cloud that can survive crashes. It handles durable storage and memory for your agent via SQLite and JSONL, and provides a small adapter that allows you to connect to whatever runtime and storage solution you’re using.&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;Codemode:&lt;/strong&gt; This new Pi feature allows models to generate scripts that run in a QuickJS sandbox. These scripts can call Pi or MCP tools directly and transform the results, saving you precious tokens. It can even be used to run other non-LLM models such as classifiers and image 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;&lt;strong style="font-weight: 600;"&gt;Virtual models:&lt;/strong&gt; Pi lets you create “virtual models” you can select with the &lt;code style="font-size: 15px;"&gt;/model&lt;/code&gt; selector, but under the hood, they’re just extensions. These extensions can use a classifier or some other mechanism to route queries to different models, giving you control over the speed and cost of each type of query.&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;strong style="font-weight: 600;"&gt;Bottom line:&lt;/strong&gt; If you’re the type of developer who keeps your dotfile config on GitHub and you haven’t tried Pi yet, what are you even doing with your life? Also maybe take a shower today.&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/dphehmue2d0vnlumh4/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTI2" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1891574035"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/e0hph0u7dm06orb8h2/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MjY=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1891574036"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/7qh7h2u9xdoq5xfzh6/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9TWVyZ2UlMjB0b3BvbG9naWVzJTJDJTIwZmluZGluZyUyMHRoZSUyMGNvdXJhZ2UlMjB0byUyMGdvJTIwZnVsbCUyMEVTTSUyQyUyMGFuZCUyMHRoZSUyMGNvbG9ybGVzcyUyQyUyMG9kb3JsZXNzJTIwZ2FzJTIwdGhhdCUyMG1ha2VzJTIwdXAlMjAxJTI1JTIwb2YlMjBFYXJ0aCVFMiU4MCU5OXMlMjBhdG1vc3BoZXJlLiZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjUyNg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1891574037"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/owhkhwuw0xrpdeuvhr/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQU1lcmdlJTIwdG9wb2xvZ2llcyUyQyUyMGZpbmRpbmclMjB0aGUlMjBjb3VyYWdlJTIwdG8lMjBnbyUyMGZ1bGwlMjBFU00lMkMlMjBhbmQlMjB0aGUlMjBjb2xvcmxlc3MlMkMlMjBvZG9ybGVzcyUyMGdhcyUyMHRoYXQlMjBtYWtlcyUyMHVwJTIwMSUyNSUyMG9mJTIwRWFydGglRTIlODAlOTlzJTIwYXRtb3NwaGVyZS4lMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTI2" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1891574038"&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/leaf-blower-engine.jpg" alt="A man rides an inflatable tube across the water while holding a leaf blower" 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;Being flooded with PRs isn't a problem if you've got power tools.&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/z2hgh7uem53nxgcph0/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYWQtYnl0ZXMtMDA1" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574039"&gt;Prioritize Your PR Queue&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;Review the PR that matters most. CodeRabbit Triage ranks work across repositories, tells you what to review next and what needs your action. It also flags low-risk PRs that may be ready to close, so your queue shrinks effectively.&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/z2hgh7uem53nxgcph0/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYWQtYnl0ZXMtMDA1" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574039"&gt;Prioritize your PR flood with CodeRabbit Triage.&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="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;Spot the Bug - Presented by &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/p8hehqu4przm0ksqh3/aHR0cHM6Ly9naXRodWIuY29tL2FnZW50Y2F0aHEvd2VibWNwLXJlYWN0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574040"&gt;webmcp-react&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;Want AI agents to call your website directly? Modern React sites can add WebMCP support with &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/p8hehqu4przm0ksqh3/aHR0cHM6Ly9naXRodWIuY29tL2FnZW50Y2F0aHEvd2VibWNwLXJlYWN0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574040"&gt;webmcp-react&lt;/a&gt;. Zod-first and Strict Mode safe.&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; 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;"&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; overflow-wrap: anywhere; tab-size: 2; text-align: left; white-space: pre-wrap; word-spacing: normal;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;const&lt;/span&gt; products &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;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;'Grapes'&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;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 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;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 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;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;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;'Cherry'&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;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 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;'Date'&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;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 punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;

products&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;sort&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;a&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; b&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; a&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;&gt;&lt;/span&gt; b&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 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;OpenAI hosted its annual developer conference where it announced &lt;del&gt;all the products it copied from competitors&lt;/del&gt; &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/x0hph3ue4kwo6ra5hl/aHR0cHM6Ly9vcGVuYWkuY29tL2luZGV4L2RldmRheS0yMDI2LXJlY2FwLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574041"&gt;the Decisions API (Jev), Dots (Muse), and GPT-6.1 Sol (Opus 5.5)&lt;/a&gt;. Gotta sell that IPO baby.&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;GitHub wrote &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/6qhehoul3x7zg5iohk/aHR0cHM6Ly9naXRodWIuYmxvZy9vcGVuLXNvdXJjZS9naXQvaGlnaGxpZ2h0cy1mcm9tLWdpdC0yLTU2Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574042"&gt;a blog about Git 2.56&lt;/a&gt;. It’s educational if flattening merge topologies is your passion.&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;Sentry is hosting a free workshop on October 20 to teach you how to speed up your debugging process by connecting your OpenTelemetry traces and logs to Sentry. &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/kkhmh2unozlrqealh7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL290ZWwtY29ubmVjdGVkLWNvbnRleHQtd29ya3Nob3AvP3V0bV9zb3VyY2U9Ynl0ZXMmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fY2FtcGFpZ249dHJhY2luZy1meTI3cTMtb3RlbHdvcmtzaG9wJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItc2Vjb25kYXJ5LXdvcmtzaG9wLXJlZ2lzdGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574043"&gt;Sign up today&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;Josh Larson whipped up &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/58hvh8ug43mq8oa6h4/aHR0cHM6Ly93d3cuanBsaG9tZXIub3JnL3Bvc3RzL3NvLXlvdS13YW50LXRvLW1ha2UtYS1ib3Qv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574044"&gt;a little guide for making your own personal agent&lt;/a&gt; presumably to distract him from the start that Iowa State Football is off to this season.&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;After 6+ years of work, Jovi De Croock and the team &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/25h2h9u3ql26zeb3h4/aHR0cHM6Ly9wcmVhY3Rqcy5jb20vYmxvZy9wcmVhY3QtMTEv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574045"&gt;released Preact 11&lt;/a&gt;, which has a new hydration system, automatic ref forwarding, and improved React compatibility. Well done &lt;span role="img" aria-label="clapping hands"&gt;👏&lt;/span&gt;.&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;Speaking of major releases, &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/qvh8h8udlerz56tlhk/aHR0cHM6Ly9tc3dqcy5pby9ibG9nL2ludHJvZHVjaW5nLW1zdy0zLjA=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574046"&gt;Artem Zakharchenko released MSW (Mock Service Worker) v3&lt;/a&gt;, which is now pure ESM. #courage&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;For engineers leveraging coding agents, trusted infrastructure is key to security and governance. With &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/g3hnhwum0g3r5efrh9/aHR0cHM6Ly9mYW5kZi5jby8zU1F0OGhQ" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574047"&gt;Coder Agents&lt;/a&gt;, your teams can delegate tasks and research to AI agents, all on a self-hosted platform you already trust. [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;Big G released their latest frontier model &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/9qhzhdude4p0mps9h3/aHR0cHM6Ly9ibG9nLmdvb2dsZS9pbm5vdmF0aW9uLWFuZC1haS9tb2RlbHMtYW5kLXJlc2VhcmNoL2dlbWluaS1tb2RlbHMvZ2VtaW5pLTQtYXJnb24v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574048"&gt;Gemini 4 Argon&lt;/a&gt;, which, according to the TMBBs, scores higher than Astra, Fable, and Opus. The real question is, do we believe them?&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;Declan Chidlow covers all the &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/3ohphdu3kx70l3frhn/aHR0cHM6Ly96ZXJvaGVpZ2h0LmNvbS9ibG9nL25ldy1odG1sLWFuZC1jc3MtZmVhdHVyZXMteW91LXNob3VsZC1iZS11c2luZy1pbi15b3VyLWRlc2lnbi1zeXN0ZW0v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574049"&gt;new HTML and CSS features you should be using in your design system&lt;/a&gt;.&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;Only idiots write manual tests – modern engineering teams like Notion, Dropbox and LaunchDarkly use Meticulous to maintain e2e UI tests that &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/n2hohquvl23mp6i6hg/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTMmdXRtX2NvbnRlbnQ9c2Vjb25kYXJ5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574050"&gt;cover every edge case of your web app&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;Amelia Wattenberger wrote another visual essay about &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/48hvh7um7wrvegfxh7/aHR0cHM6Ly93YXR0ZW5iZXJnZXIuY29tL3Rob3VnaHRzL2FpLWlzLXN0aWxsLWluLWl0cy10ZXJtaW5hbC1lcmEv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574051"&gt;how AI is still in its terminal era&lt;/a&gt;. If you’re not familiar with her game, these are always good.&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 Effect.ts team rebuilt the library from the ground up and &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/wnh2h6uqlmwnp8u7hx/aHR0cHM6Ly9lZmZlY3Qud2Vic2l0ZS9ibG9nL3JlbGVhc2VzL2VmZmVjdC80MA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574052"&gt;released version 4.0&lt;/a&gt;, which is 5x smaller, 6.4x faster, and uses 86% less memory. My brain also uses 86% less memory than before but now I can’t remember what this library even does. Something with types?&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;Spot the Bug - Presented by &lt;a href="https://c5e21242.click.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/p8hehqu4przm0ksqh3/aHR0cHM6Ly9naXRodWIuY29tL2FnZW50Y2F0aHEvd2VibWNwLXJlYWN0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1891574040"&gt;webmcp-react&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;When using the &lt;code style="font-size: 15px;"&gt;Array.sort&lt;/code&gt; method, the compare function should return a number, not a boolean. Returning a negative number will sort the first item before the second, a positive number will sort the second item before the first, and returning 0 will leave the items in the same order.&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; 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;"&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; overflow-wrap: anywhere; tab-size: 2; text-align: left; white-space: pre-wrap; word-spacing: normal;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;const&lt;/span&gt; products &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;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;'Grapes'&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;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 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;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 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;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;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;'Cherry'&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;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 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;'Date'&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;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 punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;

products&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;sort&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;a&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; b&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; a&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; b&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 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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/reh8h9umok04rkc2h6/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1891574053"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/08hwhgu2pndv5vblh5/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1891574054"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/8ghqh3uo7wlzvdhkh9/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1891574055"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0/vqh3hmuoqmpl7rughl/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1891574056"&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/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://c5e21242.open.convertkit-mail.com/zlu4v4x2rrtnhkg9np9hphw2krd34t6h3wl0" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
