Email: Bytes: The Atoning for Sins of React

Subject:
Bytes: The Atoning for Sins of React
Received:
7/31/2026, 10:36:44 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/squirt-gun-baptism.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/convex-logo.png"&gt;
&lt;link rel="preload" as="image" href="https://bytes.dev/images/content/backboard-shattered.jpeg"&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: The Atoning for Sins of React&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; Flue 2.0 drops the harness, what I learned from Heidi Klum, and some old-fashioned security-incident-driven marketing.&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/x0hph3ue598xkdt5hl/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNTA4" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541628"&gt;#508&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/squirt-gun-baptism.jpg" alt="A priest spraying baptismal water with a squirt gun" 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 Octane compile React's sins away&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;The Atoning for Sins of React&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;Becoming an adult is realizing that buying the things you were denied as a child is a part of your healing journey. At least that’s what I told myself before I put $623 of Star Wars cards in my cart on eBay. This might explain why Dominic Gannaway is building &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/6qhehoulmnv0xdiohk/aHR0cHM6Ly9vY3RhbmVqcy5kZXYv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541629"&gt;&lt;code style="font-size: 15px;"&gt;Octane.js&lt;/code&gt;&lt;/a&gt; with the unlimited tokens he has from working at OpenAI—to heal the last 10 years of using 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;If you aren’t familiar with Dominic’s work, in addition to being on the React and Svelte core teams, he is the creator of Inferno, Ripple, and most recently TSRX. All of these projects in one way or another look to fix both the performance and ergonomics of using React. If there is anyone who can fix the sins of React, it’s probably Dominic and his solution: combining the runtime with a compiler.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Here’s what Octane does:&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;Compiles away the virtual DOM:&lt;/strong&gt; Instead of using a virtual DOM, Octane compiles components ahead of time into template clones and direct DOM writes, removing the runtime overhead of building and diffing element trees on every update.&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;Eliminates the rules of hooks:&lt;/strong&gt; In Octane, you can remove the dependency array from &lt;code style="font-size: 15px;"&gt;useEffect&lt;/code&gt;, &lt;code style="font-size: 15px;"&gt;useMemo&lt;/code&gt;, and &lt;code style="font-size: 15px;"&gt;useCallback&lt;/code&gt; and conditionally render hooks 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 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; useState&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; useEffect &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;'octane'&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;function&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;Counter&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;props&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; &lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;[&lt;/span&gt;count&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; setCount&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; &lt;span class="token function" style="color: #9d7dce; font-size: 15px;"&gt;useState&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 15px;"&gt;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 comment" style="color: rgb(167, 167, 167); font-size: 15px;"&gt;// A hook behind a condition is fine — slots are&lt;/span&gt;
	&lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 15px;"&gt;// assigned by call site, not call order.&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;&lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;!&lt;/span&gt;props&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;.&lt;/span&gt;paused&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;useEffect&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 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;
			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 string" style="color: #f99157; font-size: 15px;"&gt;'count is now'&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;,&lt;/span&gt; count&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt;
		&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;}&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;;&lt;/span&gt; &lt;span class="token comment" style="color: rgb(167, 167, 167); font-size: 15px;"&gt;// the compiler infers [count]&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;button onClick&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 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 function" style="color: #9d7dce; font-size: 15px;"&gt;setCount&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 15px;"&gt;(&lt;/span&gt;count &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 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 string" style="color: #f99157; font-size: 15px;"&gt;'Count: '&lt;/span&gt; &lt;span class="token operator" style="color: #12b5e5; font-size: 15px;"&gt;+&lt;/span&gt; count&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;button&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;/code&gt;&lt;/pre&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;Improves async:&lt;/strong&gt; Octane’s compiler memoizes promises so you can pass them to &lt;code style="font-size: 15px;"&gt;use()&lt;/code&gt; during render without creating infinite loops. It also eliminates waterfalls by parallelizing independent &lt;code style="font-size: 15px;"&gt;use()&lt;/code&gt; reads. It also allows descendants to prefetch while the parent is rendering.&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;React compatibility:&lt;/strong&gt; You might be left wondering if Octane is a drop-in replacement for React, and the answer is … not quite. You can render Octane components as islands inside of an existing React app, but mostly, it is designed as a replacement for React that provides bindings for many popular libraries. There’s no support for React Server Components right now, so Next.js users are out of luck.&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; It’s debatable how much rendering performance matters in today’s day and age, but Octane might finally be the project that atones for the sins of React and brings Dominic the peace he’s been searching for.&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/kkhmh2unk6g4z9flh7/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNTA4" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1874541630"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/58hvh8ugrkpl35u6h4/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MDg=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1874541631"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/25h2h9u3k4rnl2c3h4/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9T2N0YW5lJTIwbWlnaHQlMjBmaW5hbGx5JTIwYXRvbmUlMjBmb3IlMjB0aGUlMjBzaW5zJTIwb2YlMjBSZWFjdC4mdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY1MDg=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1874541632"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/qvh8h8ud9ogqedalhk/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQU9jdGFuZSUyMG1pZ2h0JTIwZmluYWxseSUyMGF0b25lJTIwZm9yJTIwdGhlJTIwc2lucyUyMG9mJTIwUmVhY3QuJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjUwOA==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1874541633"&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/convex-logo.png" alt="Convex 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/backboard-shattered.jpeg" alt="A basketball player beneath a shattered backboard" 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 your agent decides to play with Postgres&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/g3hnhwum467xg6brh9/aHR0cHM6Ly9jb252ZXgubGluay9zZVZpbFlW" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541634"&gt;The backend platform your agents can’t break&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;Letting an agent touch your database is a scary proposition. When Sol and Fable were benchmarked on Postgres, 9 out of 10 apps tested had corrupted data writes because of concurrency issues.&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;Thankfully, Convex is &lt;em&gt;correct by default&lt;/em&gt;. Every mutation is a serializable transaction, with built-in retries, so the first tool your agent reaches for “just works.”&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;But writing data is only half of the equation. Screens need to display these updates, which is why &lt;em&gt;every query on Convex is a live subscription&lt;/em&gt; that clients can use to update the UI.&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 result? Less code, fewer tokens, fewer mistakes.&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/g3hnhwum467xg6brh9/aHR0cHM6Ly9jb252ZXgubGluay9zZVZpbFlW" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541634"&gt;Try Convex today&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;Sarah Drasner &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/9qhzhdudozkn49h9h3/aHR0cHM6Ly9naXRodWIuY29tL0dvb2dsZUNocm9tZUxhYnMvdXNlLXdlYm1jcC10b29s" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541635"&gt;created a React hook&lt;/a&gt; built on the WebMCP spec to help agents use your app more efficiently.&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;Thinking Machines &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/3ohphdu3e46vxvhrhn/aHR0cHM6Ly90aGlua2luZ21hY2hpbmVzLmFpL25ld3MvaW5rbGluZy1zbWFsbC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541636"&gt;released a smaller version of its model Inkling&lt;/a&gt; that “achieves comparable performance at a quarter of the size.” Where have I heard that line before?&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/n2hohquvz6we22s6hg/aHR0cHM6Ly9zZXJwYXBpLmNvbS8_dXRtX3NvdXJjZT1ieXRlc2Rldg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541637"&gt;SerpApi lets you scrape 100+ search engines with a single API&lt;/a&gt;. One simple GET request gets you real-time results from Google Search, Maps, AI Overviews and more – all as structured JSON. [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;OpenAI &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/48hvh7um46zkwvfxh7/aHR0cHM6Ly9vcGVuYWkuY29tL2luZGV4L2FkdmFuY2luZy10aGUtcHJpY2UtcGVyZm9ybWFuY2UtZnJvbnRpZXItd2l0aC1ncHQtNS02Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541638"&gt;cut Luna’s price by 80% and Terra’s by 20%&lt;/a&gt; and made Sol a lot faster.&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 OpenAI’s &lt;del&gt;marketing initiative&lt;/del&gt; confession that a rogue AI agent hacked Hugging Face, Anthropic ALSO found that &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/wnh2h6uqex98m7i7hx/aHR0cHM6Ly93d3cuYW50aHJvcGljLmNvbS9uZXdzL2ludmVzdGlnYXRpbmctaW5jaWRlbnRzLWN5YmVyc2VjdXJpdHktZXZhbHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541639"&gt;Claude has been escaping its sandbox&lt;/a&gt;. Oops &lt;span role="img" aria-label="winking face"&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;Tanner has been lighting tokens on fire to bring you &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/reh8h9umgw9nkzc2h6/aHR0cHM6Ly90YW5zdGFjay5jb20vY2hhcnRzL2xhdGVzdA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541640"&gt;&lt;code style="font-size: 15px;"&gt;@tanstack/charts&lt;/code&gt;&lt;/a&gt;, an SVG-based charting library that is strongly typed and framework-agnostic.&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;Rami Maalouf wrote a great post about &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/08hwhgu23g0qn5ilh5/aHR0cHM6Ly90cnkuZXhwby5kZXYvbW9iaWxlLWFpLWRldg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541641"&gt;the only three AI tools you need to build mobile apps&lt;/a&gt;: skills, MCP, and a plan. [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;James Baduor wrote &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/8ghqh3uomqekw6fkh9/aHR0cHM6Ly93d3cuamFtZXNiYWR1b3IuY29tL2xlYXJuaW5ncy9Zb3VyLVRhc3RlLUlzLUFoZWFkLW9mLVlvdXItSGFuZHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541642"&gt;an article on taste&lt;/a&gt; that teaches an important lesson I learned watching Project Runway: if you don’t know when to stop, “one day you’re in—the next you’re out.”&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;Devon Govett and the React Aria team just released &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/vqh3hmuoze28mztghl/aHR0cHM6Ly9yZWFjdC1hcmlhLmFkb2JlLmNvbS9yZWxlYXNlcy92MS0yMC0w" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541643"&gt;version 1.20.0&lt;/a&gt;, featuring a new &lt;code style="font-size: 15px;"&gt;PreviewTrigger&lt;/code&gt;, which is a spicier tooltip, &lt;code style="font-size: 15px;"&gt;TokenField&lt;/code&gt; for rendering &lt;code style="font-size: 15px;"&gt;@mentions&lt;/code&gt;, and a better API for &lt;code style="font-size: 15px;"&gt;useKeyboard&lt;/code&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;Fred K. Schott just announced &lt;a href="https://c5e21242.click.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/l2heh6ul865wqxb6h0/aHR0cHM6Ly9mbHVlZnJhbWV3b3JrLmNvbS9ibG9nL2ZsdWUtMi8_dHc=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1874541644"&gt;version 2.0 of Flue&lt;/a&gt;, &lt;del&gt;the agent harness framework&lt;/del&gt; the open agent framework.&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/m2h7h6u3dmkw2lhmhq/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1874541645"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/dphehmuel8zrdxtmh4/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1874541646"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/e0hph0u78q95mxs8h2/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1874541647"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5/7qh7h2u9rwv3qvfzh6/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1874541648"&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/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://c5e21242.open.convertkit-mail.com/k0ue5en966i6h5x4v66ulho892qp6c8hnlr5" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
