<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-banner-rounded.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/eyes.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/chuck-hanging.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/fb-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/li-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/tw-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/em-share-icon.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/expo-logo.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/woody-confused.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/content/spot-the-bug.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/cool-bits.png">
<link rel="preload" as="image" href="https://bytes.dev/images/bytes-icon.png">
<title>Bytes: Claude Fable Pt 2</title>
<meta name="color-scheme" content="light dark">
<meta name="supported-color-schemes" content="light dark">
<link href="https://fonts.googleapis.com/css2?family=Fira+Mono&family=Outfit:wght@400;500;700;900&family=Paytone+One" rel="stylesheet">
<style>@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;
}
}</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<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%;"><tbody><tr>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
<td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"><div style="max-width:600px;padding-top:80px">
<div style="text-align:center"><img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"></div>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Today’s issue:</strong> React Native breaks a world record, CSS developers get their revenge, and that time I got fat-shamed in 3rd grade.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Welcome to <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/e0hph0u7gxz27li8h2/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDk2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229466">#496</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">The Main Thing</h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/chuck-hanging.jpg" alt="Chuck Rhoades (Billions) exploring BDSM" width="600" style="border-radius: 5px; max-width: 100%;"><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;">Regulate me daddy<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Claude Fable Pt 2</h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">On Friday <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/7qh7h2u97gem98hzh6/aHR0cHM6Ly93d3cuYW50aHJvcGljLmNvbS9uZXdzL2ZhYmxlLW15dGhvcy1hY2Nlc3M=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229467">the U.S. government issued an “export control directive” to Anthropic</a> forcing them to suspend access to foreign nationals, resulting in the model being pulled.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">One can only assume Dario has a masochism kink, because after months of <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/owhkhwuwvze7wlfvhr/aHR0cHM6Ly9kYXJpb2Ftb2RlaS5jb20vcG9zdC9wb2xpY3ktb24tdGhlLWFpLWV4cG9uZW50aWFs" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229468">begging the government to regulate AI</a>, he finally got what he asked for.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Here’s what happened:</strong></p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Shortly after the model was released, security researchers were able to <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/z2hgh7uevgz8e8iph0/aHR0cHM6Ly94LmNvbS9lbGRlcl9wbGluaXVzL3N0YXR1cy8yMDY0Nzc2MzIyOTc5Njc2MjI3" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229469">jailbreak the model</a> and get around the safety classifiers. This prompted tech leaders, including Amazon’s CEO Andy Jassy, to raise concerns to the Trump administration that “freed” Fable posed a real security risk. Anthropic was either unable or unwilling to patch these issues, so they got hit with the ECD.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">What happens next?</strong></p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">It seems unlikely that Fable will be back on the market anytime soon given Anthropic’s contentious relationship with the government. But the real question moving forward is whether safeguards that limit model capabilities are actually effective.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Because of the way <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/p8hehqu40vel47aqh3/aHR0cHM6Ly94LmNvbS9zdWNoZW56YW5nL3N0YXR1cy8yMDY2MDEwNjI2ODQ2MjMyODMx" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229470">LLMs are designed</a>, any prompt that can simultaneously activate reasoning and reframe malicious intent as a valid set of instructions can bypass safety constraints. This probably means the end of the unregulated frontier. What regulation will look like and how it will impact release cycles is a topic for another day.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><strong style="font-weight: 600;">Bottom Line:</strong> Between getting a bunch of marketing hype for his IPO without having to pay Fable’s inference costs and <del>getting pegged by the government</del> the sweet relief of regulation, it’s been a solid week for big D.</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"><tbody><tr><td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;">
<a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/x0hph3ue6gmlent5hl/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDk2" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1863229471"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/6qhehoulgq4dl7iohk/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0OTY=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1863229472"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/kkhmh2unq7p3nnhlh7/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QW50aHJvcGljJTIwZ2V0cyUyMGhpdCUyMHdpdGglMjBhbiUyMGV4cG9ydCUyMGNvbnRyb2wlMjBkaXJlY3RpdmUmdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0OTY=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1863229473"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"></a><a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/58hvh8ug8ewzgkt6h4/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQUFudGhyb3BpYyUyMGdldHMlMjBoaXQlMjB3aXRoJTIwYW4lMjBleHBvcnQlMjBjb250cm9sJTIwZGlyZWN0aXZlJTBBaHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ5Ng==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1863229474"><img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"></a>
</td></tr></tbody></table>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="150" src="https://bytes.dev/images/content/expo-logo.png" alt="Expo logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"><span>Our Friends <br class="mobile-break">(With Benefits)</span></h2>
</div>
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;">
<img src="https://bytes.dev/images/content/woody-confused.jpg" alt="Woody looking confused" width="600" style="border-radius: 5px; max-width: 100%;"><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;">When a one-line JavaScript change kicks off a 15-minute build<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/25h2h9u3z5xe3di3h4/aHR0cHM6Ly90cnkuZXhwby5kZXYvbW9iaWxlLWNpY2QtYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229475">The fastest mobile build is the one you never run</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Have you ever changed a single line of JavaScript and watched your CI spin up a fresh iOS build, burn through a bunch of macOS runner minutes, and hand you back a binary whose native layer is byte-for-byte identical to the last one?</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">If so, you’re in luck. The Expo team published an in-depth write-up on how EAS Workflows skips the full build and repacks the previous binary with the new JavaScript on top. They also compare it to other CI/CD options like GitHub Actions, Codemagic, and Bitrise.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Find out how companies like Infinite Red used EAS Workflows to cut their build times in half.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/25h2h9u3z5xe3di3h4/aHR0cHM6Ly90cnkuZXhwby5kZXYvbW9iaWxlLWNpY2QtYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229475">Read the full breakdown here</a>.</p>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Spot the Bug</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px">
<h4 style="font-size: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Spot the Bug - Presented by <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/qvh8h8ud5x30dqtlhk/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPWVtYWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229476">SurveyJS</a>
</h4>
<p style="font-family: Outfit, sans-serif; font-size: 18px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"><em>They built an <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/qvh8h8ud5x30dqtlhk/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPWVtYWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229476">extensible form builder UI component for React, Angular, and Vue</a> that integrates with any backend and has no usage limits.</em></p>
</div>
</div>
<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;"><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;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 15px;">capitalize</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">string</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
string<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">toUpperCase</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> string<span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
</code></pre>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Cool Bits</h2>
</div>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Sunil Pai wrote about how you should <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/g3hnhwum5v2kmgbrh9/aHR0cHM6Ly9zdW5pbHBhaS5kZXYvcG9zdHMvbmV2ZXItd2FzdGUtYS10b2tlbi8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229477">never waste a token</a>. My parents also tried to teach me this lesson, which is how I became known as “the fat kid” in 3rd grade.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The team at Polar built an <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/9qhzhdudm78ld0s9h3/aHR0cHM6Ly9wb2xhci5zaC9ibG9nL29yYml0LWxsbS1zYWZlLWRlc2lnbi1zeXN0ZW0=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229478">“LLM-safe design system”</a>. Unfortunately, you’re still not safe from your design team adding a 38th variation of light gray.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">AI shows up in 60% of engineering work, but only 1/5 tasks can be handed off without constant babysitting. Agents still lack context. <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/3ohphdu3lw8n3msrhn/aHR0cHM6Ly9zcnYuYnV5c2VsbGFkcy5jb20vYWRzL2xvbmcveC9URk1WVlpEUFRUVFRUVDQ0T1RMTldUVFRUVFRHRkJRRjJWVFRUVFRUQzNaTFlCRVRUVFRUVE9QV1BRNEM1SUlIS0hMNlBTQlpDMk1OTEFMNEdRNE5DTVpRWkhLVD9jaWQ9MzgyNTcw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229479">Join live on June 24 (FREE)</a>: 8 levels of context maturity in AI-native engineering and how leading teams level up. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The team at Vercel Labs built a <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/n2hohquvpd4kv0h6hg/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC1sYWJzL2pzb24tcmVuZGVy" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229480">generative UI framework</a> that turns JSON into rendered components.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Mike McQuaid <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/48hvh7umeo3nmefxh7/aHR0cHM6Ly9icmV3LnNoLzIwMjYvMDYvMTEvaG9tZWJyZXctNi4wLjAv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229481">released version 6 of Homebrew</a>, which features improved performance, better security with <code style="font-size: 15px;">tap trust</code>, and support for macOS 27. The post does not mention whether or not the Homebros ever learned how to invert binary search trees on a whiteboard.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Hiroki Osame built <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/wnh2h6uqpzd3q2c7hx/aHR0cHM6Ly9naXRodWIuY29tL3ByaXZhdGVudW1iZXIvbWFjLW9jcg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229482"><code style="font-size: 15px;">mac-ocr</code></a>, a CLI built on Apple’s Vision framework that lets you run OCR workloads locally.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Approximately 88% of organizations have introduced AI, but only 31% are scaling it effectively - and context is the missing piece. See how Slack connects conversations, data, and systems of record into a <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/reh8h9umr8pemgc2h6/aHR0cHM6Ly9zbGFjay5jb20vcmVzb3VyY2VzL3doeS11c2Utc2xhY2svdGhlLWNvbnRleHQtb3Bwb3J0dW5pdHktdW5sb2NraW5nLWFnZW50aWMtcHJvZHVjdGl2aXR5LWF0LXNjYWxlP2Q9NzAxZWQwMDAwMTQyNElWQUFZJm5jPTcwMWVkMDAwMDE0M2dOSkFBWSZ1dG1fc291cmNlPWJ5dGVzbmV3c2xldHRlciZ1dG1fbWVkaXVtPXRwX2VtYWlsJnV0bV9jYW1wYWlnbj1hbWVyX3VzX3NsYWNrLWludm9pY2VfJnV0bV9jb250ZW50PWNyb3NzLXNlZ21lbnRfYWxsLXN0cmF0ZWdpYy1ieXRlcy1zZWNvbmRhcnktanVuZTE2XzcwMWVkMDAwMDE0MjRJVkFBWV9lbmdsaXNoX3RoZS1jb250ZXh0LW9wcG9ydHVuaXR5LXVubG9ja2luZy1hZ2VudGljLXByb2R1Y3Rpdml0eS1hdC1zY2FsZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229483">unified AI platform that actually acts</a>. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The CSS god Adam Argyle created <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/08hwhgu2584k2lslh5/aHR0cHM6Ly9wcm9wLWZvci10aGF0Lm5ldGxpZnkuYXBwLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229484">a runtime state library</a> for CSS called <code style="font-size: 15px;">a-prop-for-that</code>. Is making a <code style="font-size: 15px;">js-in-css</code> library revenge for all the years of <code style="font-size: 15px;">css-in-js</code>?</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The OXC team <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/8ghqh3uov48xo7skh9/aHR0cHM6Ly9veGMucnMvZG9jcy9ndWlkZS91c2FnZS9saW50ZXIvcnVsZXMvcmVhY3QvcmVhY3QtY29tcGlsZXIuaHRtbA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229485">added support for the React Compiler</a> in version 1.7.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Take your application from development to production with <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/vqh3hmuo756do6aghl/aHR0cHM6Ly9nby5jbGVyay5jb20vQzFKM240RQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229486"><code style="font-size: 15px;">clerk deploy</code></a>, now available in the Clerk CLI. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Robert DeLuca built <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/l2heh6ul9gpzlgb6h0/aHR0cHM6Ly92aXp6bHkuZGV2L2Jsb2cvc21hcnQtaWdub3JlLXJlZ2lvbnMtdmlzdWFsLXRlc3RpbmctdGhhdC1sZWFybnMtd2l0aG91dC1sb29raW5nLWF3YXkv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229487">“smart ignore regions”</a> into Vizzly, which lets you avoid false positives from content changing in your app when doing visual regression testing.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">React Native just released <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/m2h7h6u3prx7mksmhq/aHR0cHM6Ly9yZWFjdG5hdGl2ZS5kZXYvYmxvZy8yMDI2LzA2LzExL3JlYWN0LW5hdGl2ZS0wLjg2" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229488">version 0.86</a>, which features DevTools improvements, edge-to-edge support, and a new Guinness world record for most releases before <code style="font-size: 15px;">1.0</code>.</p>
</li>
</ol>
<hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;">
<div style="text-align:center;margin-bottom:36px">
<img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Spot the Bug: Solution</h2>
<div class="section-presenter" style="margin-bottom:50px;margin-top:15px"><h4 style="font-size: 20px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Presented by <a href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/qvh8h8ud5x30dqtlhk/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPWVtYWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1863229476">SurveyJS</a>
</h4></div>
</div>
<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;"><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;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 15px;">capitalize</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">string</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
string<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token number" style="color: #fcba28; font-size: 15px;">0</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">toUpperCase</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> string<span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
</code></pre>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">When we call <code style="font-size: 15px;">toUpperCase</code>, we’re assuming that we’re modifying the string that was passed into the function. But strings are primitive values, which means they’re immutable and can’t be modified once they’ve been created.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Instead of trying to modify the string directly, we need to return a new string after capitalizing the first character.</p>
<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;"><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;"><span class="token keyword" style="color: #f38ba3; font-size: 15px;">function</span> <span class="token function" style="color: #9d7dce; font-size: 15px;">capitalize</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;"><span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>firstLetter<span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">...</span>restOfWord<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span></span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">return</span> firstLetter<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">toUpperCase</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">+</span> restOfWord<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">join</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token string" style="color: #f99157; font-size: 15px;">""</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
<span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span>
</code></pre>
<div style="text-align:center;padding-bottom:80px;padding-top:80px">
<div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"><div style="margin-top:-40px">
<img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"><h5 style="font-size:18px;font-weight:400;margin-bottom:24px">Want us to say nice things <br> about your company?</h5>
<div style="margin-bottom:16px"><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/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/dphehmueg3xm84bmh4/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1863229489">Sponsor Bytes</a></div>
<div style="margin-bottom:20px"><a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/e0hph0u7gxz2qlt8h2/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1863229490">or share it</a></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Built with ❤️ by<!-- --> <a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/7qh7h2u97gemw8szh6/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1863229491">Fireship</a></p>
</div></div>
<p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;">50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101</p>
<div style="font-family:Papyrus, cursive"><a class="unsubscribe-link" href="https://c5e21242.click.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep/owhkhwuwvze7glhvhr/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1863229492">Unsubscribe from Bytes</a></div>
</div>
</div></td>
<td style="border-collapse: collapse !important; word-break: normal;"></td>
</tr></tbody></table>
<span style="display: none"><a href="https://c5e21242.unsubscribe.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/p9u7p74z33b9h2wnedncqhpq73qkmcrhg6ep" alt="">
</body>
</html>