Email: Bytes: React 19.3 - Email to RSS Admin

Subject:
Bytes: React 19.3
Received:
9/15/2026, 9:43:14 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/out-of-breath-jogger.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/sonar-logo.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/long-tie.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: React 19.3&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; A cure for cache-poison, Meta’s cannabis-infused database proxy, and how a hint of Marxism could fix open source.&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/x0hph3ueqgd3z4h5hl/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTIx" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871837"&gt;#521&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/out-of-breath-jogger.jpg" alt="An exhausted jogger bent over with hands on knees catching their breath" 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;React having its own millennial midlife crisis&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;React 19.3&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;While most of the world was debating if AI is going to kill us all in the next 10 years, &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/6qhehoul9q6ow4aohk/aHR0cHM6Ly9yZWFjdC5kZXYvYmxvZy8yMDI2LzA5LzA5L3JlYWN0LTE5LTM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871838"&gt;the React team quietly shipped React 19.3&lt;/a&gt;. So like the good ol’ days when all we had to worry about was a rogue &lt;code style="font-size: 15px;"&gt;useEffect&lt;/code&gt; taking down the internet, we’re back to writing about React.&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;My first observation, as someone who watched a little too much TMZ back in 2005, was that there appears to have been a bit of a shakeup to the team structure, and some clues on where the project might be going in the future.&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;Project Updates:&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;In addition to some of the OGs (Sebastian Markbåge and Joe Savona) leaving the project, the project now seems to be organized around 4 pillars: Server, DOM, Fiber, and Compiler. While this could have been the case for a while and I’m just now noticing, it does signal that the project is stabilizing and it’s unlikely to see any wild paradigm-changing shifts - a la hooks and RSC (especially now that Seb is gone). I think that shows up in this release where features that have been in the works for over a year are finally being released.&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 landed in 19.3:&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;ViewTransitions:&lt;/strong&gt; This new component allows you to animate elements as they enter, exit, move or resize using built-in support for the browser’s View Transition API. Please be warned, you will still need to write CSS.&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;Fragment Refs:&lt;/strong&gt; Fragment refs allow you to access the DOM of the Fragment’s children, allowing you to set up event listeners, manage focus, and observers without needing an extra DOM element.&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;Client / Server updates:&lt;/strong&gt; Now you can use Context directly in server components and pass data to your context like this.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&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 comment" style="color: rgb(167, 167, 167); font-size: 15px;"&gt;// server-component.js&lt;/span&gt;
&lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;import&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; UserContext &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;from&lt;/span&gt; &lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;'./user-context'&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;export&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;async&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;Layout&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;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; children &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&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;const&lt;/span&gt; currentUser &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;await&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;getCurrentUser&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; &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;&lt;/span&gt;UserContext value&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;currentUser&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;
      &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt;children&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;&lt;/span&gt;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;/&lt;/span&gt;UserContext&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;/code&gt;&lt;/pre&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; React is starting to look like a middle-aged millennial that moved to the suburbs, but &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/kkhmh2unx72me7hlh7/aHR0cHM6Ly94LmNvbS9yYXVjaGcvc3RhdHVzLzgwMTAwNTk2MTMzNDk0Mzc0NA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871839"&gt;Guillermo is probably still pondering its implications&lt;/a&gt; (at least for a few more months).&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/58hvh8ug6eo7ops6h4/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTIx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1886871840"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/25h2h9u3m50d0va3h4/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MjE=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1886871841"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/qvh8h8udkx2n24ulhk/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QSUyMGN1cmUlMjBmb3IlMjBjYWNoZS1wb2lzb24lMkMlMjBNZXRhJUUyJTgwJTk5cyUyMGNhbm5hYmlzLWluZnVzZWQlMjBkYXRhYmFzZSUyMHByb3h5JTJDJTIwYW5kJTIwaG93JTIwYSUyMGhpbnQlMjBvZiUyME1hcnhpc20lMjBjb3VsZCUyMGZpeCUyMG9wZW4lMjBzb3VyY2UuJnVybD1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTIx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1886871842"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/9qhzhdud573933f9h3/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQUElMjBjdXJlJTIwZm9yJTIwY2FjaGUtcG9pc29uJTJDJTIwTWV0YSVFMiU4MCU5OXMlMjBjYW5uYWJpcy1pbmZ1c2VkJTIwZGF0YWJhc2UlMjBwcm94eSUyQyUyMGFuZCUyMGhvdyUyMGElMjBoaW50JTIwb2YlMjBNYXJ4aXNtJTIwY291bGQlMjBmaXglMjBvcGVuJTIwc291cmNlLiUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MjE=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1886871844"&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/sonar-logo.png" alt="Sonar 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/long-tie.jpg" alt="A man wearing an extremely long necktie that trails far below his waist" 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;When you catch CVEs but miss that your app allows stacked discounts&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/3ohphdu3pw9z9nirhn/aHR0cHM6Ly9mYW5kZi5jby8zVUtINGRL" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871845"&gt;SonarQube Hunter Agent: Your On Demand Security Researcher&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;Static analysis and algorithmic testing are essential tools for finding vulnerabilities like SQL injections or known CVEs, but they don’t understand your application’s context or business intent.&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;That’s why Sonar created &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/3ohphdu3pw9z9nirhn/aHR0cHM6Ly9mYW5kZi5jby8zVUtINGRL" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871845"&gt;SonarQube Hunter Agent&lt;/a&gt;, an automated security researcher that explores your codebase and finds the issues you’ve probably missed.&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;It comes with:&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;Intent-based vulnerability detection:&lt;/strong&gt; It finds costly business logic flaws like stacked coupons or missing rate limits, and protects your app from privilege escalation bugs&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;Consistent, auditable findings:&lt;/strong&gt; Hunter Agent is designed to deliver reproducible results that teams can review, prioritize, and act on with confidence&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;Seamless Integration:&lt;/strong&gt; You can run Hunter Agent analyses on demand or on a schedule, then review findings in SonarQube with clear context and guidance for fixing them&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/3ohphdu3pw9z9nirhn/aHR0cHM6Ly9mYW5kZi5jby8zVUtINGRL" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871845"&gt;Try SonarQube Hunter Agent today&lt;/a&gt; – it’s already surfaced over 200 zero days in open source projects.&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 – Sponsored by &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/n2hohquv7d5r5os6hg/aHR0cHM6Ly9vcmtlcy5pby8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871846"&gt;Orkes&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;It’s an open-source &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/n2hohquv7d5r5os6hg/aHR0cHM6Ly9vcmtlcy5pby8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871846"&gt;agentic workflow platform&lt;/a&gt; that lets you easily build agents and workflows, run them durably, and observe and control them through every step. Used by Netflix, Tesla, LinkedIn, and more.&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; 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 constant" style="color: #12b5e5; font-size: 15px;"&gt;SKU12345&lt;/span&gt;&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 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;"Laptop"&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;999&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;discount&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.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 constant" style="color: #12b5e5; font-size: 15px;"&gt;SKU67890&lt;/span&gt;&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 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;"Phone"&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;499&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;discount&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&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 constant" style="color: #12b5e5; font-size: 15px;"&gt;SKU54321&lt;/span&gt;&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 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;"Tablet"&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;299&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;discount&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.05&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 keyword" style="color: #f38ba3; font-size: 15px;"&gt;function&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;printFormattedProductDetails&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;products&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;const&lt;/span&gt; product &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;in&lt;/span&gt; products&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; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; name&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; discount &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; product&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; finalPrice &lt;span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;"&gt;if&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; 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;
      finalPrice &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; price &lt;span class="token operator" style="color: #12b5e5; 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;
    &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;

    console&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;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;
      &lt;span class="token template-string" style="font-size: 15px;"&gt;&lt;span class="token template-punctuation string" style="color: #f99157; font-size: 15px;"&gt;`&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;Product: &lt;/span&gt;&lt;span class="token interpolation" style="color: #12b5e5; font-size: 15px;"&gt;&lt;span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;${&lt;/span&gt;name&lt;span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;, Price: &lt;/span&gt;&lt;span class="token interpolation" style="color: #12b5e5; font-size: 15px;"&gt;&lt;span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;${&lt;/span&gt;finalPrice&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;toLocaleString&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;"en-US"&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;style&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;"currency"&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;currency&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;"USD"&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 interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;span class="token template-punctuation string" style="color: #f99157; font-size: 15px;"&gt;`&lt;/span&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 function" style="color: #9d7dce; font-size: 15px;"&gt;printFormattedProductDetails&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 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;Fatih Arslan &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/48hvh7umxoqgq0axh7/aHR0cHM6Ly9hcnNsYW4uaW8vMjAyNi8wOS8xMS9ob3ctaS1tYW5hZ2UtbXktYWdlbnRzLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871847"&gt;wrote about how he manages his agents&lt;/a&gt;, a post you’ve read a million times, but this time from an engineer at Cursor who actually knows what he’s doing.&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;It only took Shopify 12 weeks to &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/wnh2h6uq0zvgvwh7hx/aHR0cHM6Ly9zaG9waWZ5LmVuZ2luZWVyaW5nL3Nob3AtYXBwLW1pZ3JhdGlvbg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871848"&gt;migrate the Shop app from React Native to Swift/Kotlin&lt;/a&gt; leaving the React Native Stans in shambles.&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/reh8h9um68vxvmh2h6/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPTI2cTMmdXRtX2NvbnRlbnQ9c2Vjb25kYXJ5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871849"&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;Vercel made &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/08hwhgu2l8wzwgblh5/aHR0cHM6Ly92ZXJjZWwuY29tL2xhYnM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871850"&gt;a cool website&lt;/a&gt; to showcase their R&amp;D projects that their “Labs” team has been working on.&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;Lovable used &lt;code style="font-size: 15px;"&gt;oj&lt;/code&gt; &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/8ghqh3uor4p9p9bkh9/aHR0cHM6Ly9sb3ZhYmxlLmRldi9ibG9nL2Zhc3Rlci1wcmV2aWV3cy1vag==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871851"&gt;to improve their preview sandbox cold starts&lt;/a&gt; from 4.9s with &lt;code style="font-size: 15px;"&gt;vite&lt;/code&gt; to 1.2s and reduced their memory usage by 84%.&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 engineers at Meta wrote &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/vqh3hmuow53g38hghl/aHR0cHM6Ly9lbmdpbmVlcmluZy5mYi5jb20vMjAyNi8wOS8wMy9jb3JlLWluZnJhL3pnYXRld2F5LXByb3h5LXppcHB5ZGItbWV0YS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871852"&gt;a post about ZGateway and proxying traffic to ZippyDB&lt;/a&gt;. I’m pretty sure I saw a billboard for a cannabis store that was selling ZippyDBs. Coincidence?&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;Convex created &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/l2heh6ulxgvrvqt6h0/aHR0cHM6Ly9naXRodWIuY29tL2dldC1jb252ZXgvY29udmV4LWFnZW50LXBsdWdpbnM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871853"&gt;an official set of plugins&lt;/a&gt; for AI agents that includes skills, custom agents, MCP integrations and more to help you &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/m2h7h6u34r0e0vimhq/aHR0cHM6Ly93d3cuY29udmV4LmRldi9haQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871854"&gt;build better apps&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;Laurie Voss &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/dphehmuep3w5w6hmh4/aHR0cHM6Ly9zZWxkby5jb20vcG9zdHMvbm9ib2R5LXBheXMtZm9yLW9wZW4tc291cmNlLXdlLWNhbi1mb3JjZS10aGVtLXRvLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871855"&gt;cracked the code for how to get everyone paid in open source&lt;/a&gt;. Private registries with a hint of Marxism are VERY on brand.&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 Actions added &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/e0hph0u7rxw4wot8h2/aHR0cHM6Ly9naXRodWIuYmxvZy9jaGFuZ2Vsb2cvMjAyNi0wOS0xMC1jb250cm9sLWdpdGh1Yi1hY3Rpb25zLWNhY2hlLWFjY2Vzcy13aXRoLWNhY2hlLW1vZGUv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871856"&gt;cache-mode&lt;/a&gt; to save you from cache-poisoning.&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 &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/7qh7h2u9ngpzp7bzh6/aHR0cHM6Ly90c3J4LmRldi9ibG9nL3JlbW92aW5nLWxhenktZGVzdHJ1Y3R1cmluZw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871857"&gt;removed lazy destructuring from &lt;code style="font-size: 15px;"&gt;tsrx&lt;/code&gt;&lt;/a&gt; which means we’re only a few more cuts away from it going back to just being JSX.&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 – Sponsored by &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/n2hohquv7d5r5os6hg/aHR0cHM6Ly9vcmtlcy5pby8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1886871846"&gt;Orkes&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;The &lt;code style="font-size: 15px;"&gt;for ... in&lt;/code&gt; loop iterates over the keys of the object, not the values. This results in a TypeError. To fix this, we need to access the value of the key in the object.&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;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 constant" style="color: #12b5e5; font-size: 15px;"&gt;SKU12345&lt;/span&gt;&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 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;"Laptop"&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;999&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;discount&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.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 constant" style="color: #12b5e5; font-size: 15px;"&gt;SKU67890&lt;/span&gt;&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 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;"Phone"&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;499&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;discount&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&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 constant" style="color: #12b5e5; font-size: 15px;"&gt;SKU54321&lt;/span&gt;&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 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;"Tablet"&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;299&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;discount&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.05&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 keyword" style="color: #f38ba3; font-size: 15px;"&gt;function&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;printFormattedProductDetails&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;products&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;const&lt;/span&gt; product &lt;span class="token keyword" style="color: #f38ba3; font-size: 15px;"&gt;in&lt;/span&gt; products&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; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;{&lt;/span&gt; name&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; discount &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; products&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;product&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;let&lt;/span&gt; finalPrice &lt;span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;"&gt;if&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; 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;
      finalPrice &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;=&lt;/span&gt; price &lt;span class="token operator" style="color: #12b5e5; 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;
    &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;

    console&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;log&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;
      &lt;span class="token template-string" style="font-size: 15px;"&gt;&lt;span class="token template-punctuation string" style="color: #f99157; font-size: 15px;"&gt;`&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;Product: &lt;/span&gt;&lt;span class="token interpolation" style="color: #12b5e5; font-size: 15px;"&gt;&lt;span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;${&lt;/span&gt;name&lt;span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;, Price: &lt;/span&gt;&lt;span class="token interpolation" style="color: #12b5e5; font-size: 15px;"&gt;&lt;span class="token interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;${&lt;/span&gt;finalPrice&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;toLocaleString&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token string" style="color: #f99157; font-size: 15px;"&gt;"en-US"&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;style&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;"currency"&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;currency&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;"USD"&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 interpolation-punctuation punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;span class="token template-punctuation string" style="color: #f99157; font-size: 15px;"&gt;`&lt;/span&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 function" style="color: #9d7dce; font-size: 15px;"&gt;printFormattedProductDetails&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 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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/owhkhwuwqzlolmtvhr/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1886871858"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/z2hgh7uelgrwrqtph0/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1886871859"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/p8hehqu4qv5x5qcqh3/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1886871860"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26/x0hph3ueqgd3d4s5hl/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1886871861"&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/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://c5e21242.open.convertkit-mail.com/r8u3l3erqqhoh3pqmrmf2hdx44d42h7h4n26" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
