Email: Bytes: React Router gets another major

Subject:
Bytes: React Router gets another major
Received:
7/7/2026, 6:47:49 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/succession-headphones.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/apify-logo.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/christmas-tree-fire.jpg"&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 Router gets another major&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; Remembering my SAT prep, some promotion-driven development, and why James Clear might be responsible for the robot uprising.&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/qvh8h8udmwq7zlalhk/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTAx" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397477"&gt;#501&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/succession-headphones.jpg" alt="Kendall Roy from Succession wearing headphones" 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;Using React Router to regulate my emotions&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 Router gets another major&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;Some people drink, some people smoke, but for me, the vice I can’t seem to quit is writing about React Router. They dropped &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/wnh2h6uq278574h7hx/aHR0cHM6Ly9yZW1peC5ydW4vYmxvZy9yZWFjdC1yb3V0ZXItdjg=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397483"&gt;a major release&lt;/a&gt; a couple of weeks ago, but I was too busy cosplaying as a soccer fan. However, after what happened yesterday, I need a distraction.&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;When you’ve been around for as long as React Router has, the major versions start to get a little bit more boring. This is especially true since the project introduced &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/08hwhgu26eqoekflh5/aHR0cHM6Ly9yZW1peC5ydW4vYmxvZy9mdXR1cmUtZmxhZ3M=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397485"&gt;“future flags”&lt;/a&gt; back in 2023 that let developers opt into new features incrementally without needing to do large rewrites when bigger changes landed.&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 being said, this release &lt;em&gt;does&lt;/em&gt; have a number of new features, future flags that are now enabled by default, and a few small breaking changes.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Here are a few of the interesting ones:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;strong style="font-weight: 600;"&gt;RSC (unstable):&lt;/strong&gt; React Server Components have been in the works for several years now, and they are nearing their final form. You can return React elements from a &lt;code style="font-size: 15px;"&gt;loader&lt;/code&gt; or &lt;code style="font-size: 15px;"&gt;action&lt;/code&gt;, export a server component from a route, or use &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/8ghqh3uo6dk0d5hkh9/aHR0cHM6Ly9yZWFjdHJvdXRlci5jb20vaG93LXRvL3JlYWN0LXNlcnZlci1jb21wb25lbnRzI3JzYy1kYXRhLW1vZGU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397486"&gt;“RSC Data Mode”&lt;/a&gt; to create your own abstraction for how to use it.&lt;/li&gt;
&lt;li&gt;
&lt;strong style="font-weight: 600;"&gt;&lt;code style="font-size: 15px;"&gt;useRouterState&lt;/code&gt; (unstable):&lt;/strong&gt; This new hook consolidates many of the disparate hooks (&lt;code style="font-size: 15px;"&gt;useLocation&lt;/code&gt;, &lt;code style="font-size: 15px;"&gt;useParams&lt;/code&gt;, &lt;code style="font-size: 15px;"&gt;useNavigation&lt;/code&gt;, etc.) you needed to get data from your route into a single source of truth.&lt;/li&gt;
&lt;li&gt;
&lt;strong style="font-weight: 600;"&gt;Agent skills:&lt;/strong&gt; For new projects, when you use &lt;code style="font-size: 15px;"&gt;create-react-router&lt;/code&gt;, you’ll get prompted to add an agent skill to the project. If you have an existing RR project, you can teach your cl*nker the way of the router &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/vqh3hmuo908x0nughl/aHR0cHM6Ly9naXRodWIuY29tL3JlbWl4LXJ1bi9yZWFjdC1yb3V0ZXIvdHJlZS9tYWluLy5hZ2VudHMvc2tpbGxzL3JlYWN0LXJvdXRlcg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397487"&gt;here&lt;/a&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; At this stage in the game, the fact that React Router is still actively maintained is probably more exciting than any of the new features, especially considering that half the Remix team is off on another side quest. And maybe it’s nostalgia or I am just down bad from Team USA’s performance last night, but a lil fix of React Router this morning was kinda nice.&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/m2h7h6u365wg53hmhq/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTAx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1868397489"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/dphehmue96r468cmh4/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MDE=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1868397490"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/e0hph0u73v5pv4t8h2/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9UmVhY3QlMjBSb3V0ZXIlMjB2OCUyMGFkZHMlMjBSU0MlMjBzdXBwb3J0JTJDJTIwY29uc29saWRhdGVkJTIwcm91dGUlMjBzdGF0ZSUyQyUyMGFuZCUyMGFnZW50JTIwc2tpbGxzLiZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjUwMQ==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1868397491"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/7qh7h2u92l3kl3fzh6/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQVJlYWN0JTIwUm91dGVyJTIwdjglMjBhZGRzJTIwUlNDJTIwc3VwcG9ydCUyQyUyMGNvbnNvbGlkYXRlZCUyMHJvdXRlJTIwc3RhdGUlMkMlMjBhbmQlMjBhZ2VudCUyMHNraWxscy4lMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTAx" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1868397492"&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/apify-logo.png" alt="Apify 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/christmas-tree-fire.jpg" alt="A Christmas tree on fire" 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;Watching your agent burn tokens trying to search the web&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/owhkhwuwm95k9xtvhr/aHR0cHM6Ly9tY3AuYXBpZnkuY29tLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397493"&gt;Let your agent search the web without going bankrupt&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;AI agents are smart, but they fail at automating the web at scale. Ask them to fetch live prices and product details for thousands of SKUs on Amazon and watch them burn through millions of tokens. Stop tokenmaxxing on problems that have already been solved, and give your agent access to the largest marketplace of web automation tools at &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/owhkhwuwm95k9xtvhr/aHR0cHM6Ly9tY3AuYXBpZnkuY29tLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397493"&gt;mcp.apify.com&lt;/a&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;The &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/z2hgh7ue26046nhph0/aHR0cHM6Ly9kb2NzLmFwaWZ5LmNvbS9pbnRlZ3JhdGlvbnMvbWNw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397494"&gt;Apify MCP Server&lt;/a&gt; connects Claude, Codex, Cursor, or any other agent to thousands of trusted tools (they call them Actors) for search, full-site crawling, headless browsers, and pulling live data from social, maps, local business, e-commerce, travel &amp; hospitality, and much more.&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;Looking to get something done on the web? &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/owhkhwuwm95k9xtvhr/aHR0cHM6Ly9tY3AuYXBpZnkuY29tLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397493"&gt;There’s an Actor for that&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/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;Lilian Weng wrote about &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/p8hehqu4w68366fqh3/aHR0cHM6Ly9saWxpYW53ZW5nLmdpdGh1Yi5pby9wb3N0cy8yMDI2LTA3LTA0LWhhcm5lc3Mv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397495"&gt;harness engineering for self-improvement&lt;/a&gt;. Basically, you just let your agent read &lt;em&gt;Atomic Habits&lt;/em&gt; and hold on for dear life.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;&lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/x0hph3uev2xr20i5hl/aHR0cHM6Ly92ZXJjZWwuY29tL2Jsb2cvdmVyY2VsLWFjcXVpcmVzLWJldHRlci1hdXRo" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397496"&gt;Better Auth was acquired by Vercel&lt;/a&gt;, adding to the list of VC-backed open-source projects that found a “soft landing.”&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;Unlayer built &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/6qhehoul8r0krgbohk/aHR0cHM6Ly9naXRodWIuY29tL3VubGF5ZXIvZWxlbWVudHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397497"&gt;a React component library&lt;/a&gt; that can render the same component tree to the web, an email, or a PDF. [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;Geoffrey Litt gave a talk about how &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/kkhmh2un0w4dw0slh7/aHR0cHM6Ly93d3cuZ2VvZmZyZXlsaXR0LmNvbS8yMDI2LzA3LzAyL3VuZGVyc3RhbmRpbmctaXMtdGhlLW5ldy1ib3R0bGVuZWNrLmh0bWw=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397498"&gt;understanding is the new bottleneck&lt;/a&gt; for agentic coding. The strategies he describes seem an awful lot like what I used to score an 1120 on my SAT.&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;Cameron Brodie wrote about designing &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/58hvh8ugdxlvxrb6h4/aHR0cHM6Ly9ibG9nLmdza2lubmVyLmNvbS9hcmNoaXZlcy8yMDI2LzA2L2Rlc2lnbmluZy1mb3ItZ2VudWktd2hhdC1jaGFuZ2VzLXdoZW4tYWktYnVpbGRzLXRoZS11aS5odG1s" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397499"&gt;GenUI, a framework that AI can use to generate UI on demand&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;Ryan George whipped up &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/25h2h9u3p9nv9mi3h4/aHR0cHM6Ly93d3cuZW52LnN0eWxlLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397500"&gt;a project called &lt;code style="font-size: 15px;"&gt;env.style&lt;/code&gt;&lt;/a&gt; to change your project’s favicon color based on what environment it’s in. If you need this, it’s probably time to close a few tabs.&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 wrote a post on &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/g3hnhwum89xd92brh9/aHR0cHM6Ly9ibG9nLnNlbnRyeS5pby9uZXh0anMtZXhwb3J0LXRyYWNlcy1vcGVudGVsZW1ldHJ5Lz91dG1fc291cmNlPWJ5dGVzJnV0bV9tZWRpdW09cGFpZC1jb21tdW5pdHkmdXRtX2NhbXBhaWduPW5leHRqcy1meTI3cTItZXZlcmdyZWVuJnV0bV9jb250ZW50PW5ld3NsZXR0ZXItc2Vjb25kYXJ5LXRyYWNlcy1vdGVsLWJsb2ctbGVhcm5tb3Jl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397502"&gt;how to export your traces from Next.js to OpenTelemetry&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;Google created a &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/3ohphdu35mvog6srhn/aHR0cHM6Ly9vc3YuZGV2Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397504"&gt;database for open-source vulnerabilities&lt;/a&gt;. I hope whoever created this project impressed the committee and got their promotion. #impact&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;I struggled to read some of the words that Kyle Matthews used in his latest essay about &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/n2hohquv9qe808f6hg/aHR0cHM6Ly9icmljb2xhZ2UuaW8vYXBwcy1hZnRlci1hZ2VudHMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397505"&gt;why we still need apps in the age of agents&lt;/a&gt;. Is 1120 not a good SAT score?&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 made a &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/48hvh7umdlk58pfxh7/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1zai1ReGpaamNWMCZ0PTI5NnM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397506"&gt;video comparing how Claude Code and Codex performed&lt;/a&gt; trying to build a secure full-stack app. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"&gt;The WebKit team jumped on the bandwagon and added &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/wnh2h6uq278564a7hx/aHR0cHM6Ly93ZWJraXQub3JnL2Jsb2cvMTgxMzYvaW50cm9kdWNpbmctdGhlLXNhZmFyaS1tY3Atc2VydmVyLWZvci13ZWItZGV2ZWxvcGVycy8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397507"&gt;support for WebMCP in Safari&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;Steve Krouse wrote about &lt;a href="https://c5e21242.click.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/reh8h9umldn2zvc2h6/aHR0cHM6Ly9zdGV2ZWtyb3VzZS5jb20vbGVhcm4tdG8tY29kZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1868397508"&gt;why you should still learn to code&lt;/a&gt; even though AI can do it for you. It’s a similar reason to why I taught all my kids how to draw the Stüssy S.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/8ghqh3uo6dk0n5skh9/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1868397510"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/vqh3hmuo908xrnaghl/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1868397511"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/l2heh6ulm2w073i6h0/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1868397512"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26/m2h7h6u365wgz3smhq/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1868397513"&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/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://c5e21242.open.convertkit-mail.com/r8u3l3erqqhoh3g44z8i2hd09gwggc7h4n26" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
