<!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/ascend-eye.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/convex-logo.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/godfather-pull.jpg">
<link rel="preload" as="image" href="https://bytes.dev/images/content/pop-quiz.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: What Claude Mythos showed Cloudflare</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> Fixing my own car with CSS, getting jumped by the Bun team, and solving the third hardest problem in computer science.</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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/58hvh8ug80ggwpa6/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDg4" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416848">#488</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/ascend-eye.jpg" alt="Women with a third eye saying we ascend together" 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;">POV: you just walked into your first Project Glasswing meeting<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">What Claude Mythos showed Cloudflare</h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Remember last month when Chief Fearmongering Officer, Dario Amodei told the world that Claude Mythos was too dangerous for public consumption?</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">This was because it was (allegedly) so powerful that it had (allegedly) discovered thousands of high-severity vulnerabilities across critical software infrastructure. So instead of releasing the model where bad actors could abuse it, they formed <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/25h2h9u3zg33xva3/aHR0cHM6Ly93d3cuYW50aHJvcGljLmNvbS9nbGFzc3dpbmc=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416849">Project Glasswing</a>: a group of large companies that would use Mythos Preview as part of their defensive security work and <del>continue to fund each other in a big tech circle jerk</del> share their learnings publicly.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Thankfully, one of these companies is Cloudflare, who has a good writing culture and lots of smart engineers who have mostly avoided Dario’s psychosis-based marketing strategy.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Their CSO just published their first blog post yesterday about <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/qvh8h8ud5vdd34tl/aHR0cHM6Ly9ibG9nLmNsb3VkZmxhcmUuY29tL2N5YmVyLWZyb250aWVyLW1vZGVscy8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416850">what Mythos has shown them so far</a>. Here are the highlights:</p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Exploit chain construction.</strong> Mythos can chain several small primitives into a working exploit like a senior researcher or attacker would. It can take a use-after-free bug, turn it into an arbitrary read/write primitive, hijack control flow, and use ROP chains to take full control of a system. More advanced than just an automated scanner.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Proof generation.</strong> Mythos can prove bugs are actually exploitable by writing code to trigger the suspected bug, compiling it in a scratch environment, and running it. If the run fails, it reads the error, adjusts its hypothesis, and tries again.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><strong style="font-weight: 600;">Adversarial review.</strong> Cloudflare’s harness runs a second agent whose only job is to disprove the first agent’s findings. It uses a different prompt, different model, no ability to generate its own findings. They found that putting two agents in deliberate disagreement is way more effective than just telling one agent to “make no mistakes.”</p>
</li>
</ul>
<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;">My take:</strong> Nothing in the blog post suggests that we’re 6 months away from ransomware Armageddon, but Dario might disagree by quoting one of America’s greatest philosophers: “I don’t see how you can hate from outside the club when you can’t even get in.”</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Fair enough.</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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/g3hnhwum5nmm2nsr/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDg4" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1856416851"><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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/9qhzhdudmxdd83s9/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0ODg=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1856416852"><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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/3ohphdu3lr338nir/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9Q2xvdWRmbGFyZSUyMGp1c3QlMjBnYXZlJTIwdXMlMjBhJTIwcGVlayUyMGludG8lMjBBSSUyN3MlMjBtb3N0JTIwZXhjbHVzaXZlJTIwbmlnaHQlMjBjbHViJTNBJTIwUHJvamVjdCUyMEdsYXNzd2luZyZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ4OA==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1856416853"><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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/n2hohquvpgvv4os6/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQUNsb3VkZmxhcmUlMjBqdXN0JTIwZ2F2ZSUyMHVzJTIwYSUyMHBlZWslMjBpbnRvJTIwQUklMjdzJTIwbW9zdCUyMGV4Y2x1c2l2ZSUyMG5pZ2h0JTIwY2x1YiUzQSUyMFByb2plY3QlMjBHbGFzc3dpbmclMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDg4" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1856416854"><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/convex-logo.png" alt="convex-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/godfather-pull.jpg" alt="Al Pacino in The Godfather" 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;">Just when I swore off tech conferences forever, Convex pulls me back in<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/48hvh7ume9mm30ux/aHR0cHM6Ly9uZXdzLmNvbnZleC5kZXYvYWJzdHJhY3Qv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416855">Convex is hosting Abstract Conf</a></h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">And it’s not just another snooze-fest about how LLMs are “disrupting the industry.”</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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/48hvh7ume9mm30ux/aHR0cHM6Ly9uZXdzLmNvbnZleC5kZXYvYWJzdHJhY3Qv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416855">Abstract Conf</a> is about principled design, for people who care about engineering, simplicity, elegance, and good abstractions.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Here are 3 reasons to consider going:</p>
<ol>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">You’ll share ideas on engineering principles, managing large codebases, and the other areas of software dev where LLMs still fall short</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Talks will go beyond software, with speakers who are experts on physical products, games, and education</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">There are no paid sponsors, so the most interesting ideas and people will be featured without bias</p>
</li>
</ol>
<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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/wnh2h6uqp4qqdwc7/aHR0cHM6Ly9hYnN0cmFjdC5jb252ZXguZGV2Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416856">Register here</a> to get more info. It’s happening on Sept 2nd in SF.</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="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz</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;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/reh8h9umr7mmpmf2/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvZnJvbnRlbmQtZGV2ZWxvcGVyLWtpdC8_dXRtX3NvdXJjZT1ieXRlc2RldiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPWRnLWNvcmVwbGF0Zm9ybS13dy1mcm9udGVuZC1kZXYta2l0LWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416857">Datadog</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>Their <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/reh8h9umr7mmpmf2/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvZnJvbnRlbmQtZGV2ZWxvcGVyLWtpdC8_dXRtX3NvdXJjZT1ieXRlc2RldiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPWRnLWNvcmVwbGF0Zm9ybS13dy1mcm9udGVuZC1kZXYta2l0LWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416857">Front-end Developer Kit</a> comes with multiple resources to help you better understand user activity on your site and troubleshoot front-end issues more efficiently.</em></p>
</div>
</div>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">What is this code doing?</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;">const</span> friends <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token string" style="color: #f99157; font-size: 15px;">'Aliyah'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Alex'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Ben'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Cassidy'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Carlos'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span> length<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 operator" style="color: #12b5e5; font-size: 15px;">:</span> first<span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">-</span> <span class="token number" style="color: #fcba28; font-size: 15px;">1</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> last <span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> friends
</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;"><a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/08hwhgu25x224ghl/aHR0cHM6Ly9zYWZlZGVwLmlvL21pbmktc2hhaS1odWx1ZC1zdHJpa2VzLWFnYWluLTMxNC1ucG0tcGFja2FnZXMtY29tcHJvbWlzZWQv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416858">317 npm packages were just compromised</a> in a series of new mini Shai-Hulud attacks. Just another Tuesday.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Artem Loenko wrote about <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/8ghqh3uov3oo89ik/aHR0cHM6Ly9qdXN0c2l0YW5kZ3Jpbi5pbS9wb3N0cy9uYXRpdmUtYWxsLXRoZS13YXktdW50aWwteW91LW5lZWQtdGV4dC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416859">the limits of native code</a> and now Jarred Sumner wants to fight him after school.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Vandana Verma Sehgal from Snyk is hosting a live workshop on <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/vqh3hmuo74oo68fg/aHR0cHM6Ly9nby5zbnlrLmlvL293YXNwLW1jcC10b3AtMTAtaXNjMi5odG1sP3V0bV9jYW1wYWlnbj1kbV9wcF9ieXRlcy1hZHZlcnRpc2VyXzI2MDUxOV93Ym5fMjYwNjA0X293YXNwLW1jcC10b3AtMTAmdXRtX21lZGl1bT1lbS1wYSZ1dG1fc291cmNlPWJ5dGVzLWFkdmVydGlzZXImdXRtX2NvbnRlbnQ9d2JuXzI2MDYwNF9vd2FzcC1tY3AtdG9wLTEw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416860">Securing the new trust boundary for agentic AI</a> on June 4th. You’ll walk away with real-world MCP attack scenarios, threat modeling guidance, and practical controls for safer AI adoption. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Julia Evans detailed everything she learned by <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/l2heh6ul94llpqa6/aHR0cHM6Ly9qdm5zLmNhL2Jsb2cvMjAyNi8wNS8xNS9tb3ZpbmctYXdheS1mcm9tLXRhaWx3aW5kLS1hbmQtbGVhcm5pbmctdG8tc3RydWN0dXJlLW15LWNzcy0v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416861">moving away from Tailwind and structuring her own CSS</a>. Is this how it feels to change your own motor oil?</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Redux maintainer, Mark Erikson started writing a <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/m2h7h6u3p933xvim/aHR0cHM6Ly9ibG9nLmlzcXVhcmVkc29mdHdhcmUuY29tL3Nlcmllcy90aG91Z2h0cy1vbi1haS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416862">Thoughts on AI series</a>, where he shares his opinions, tools, workflow and more.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/dphehmuegkeex6sm/aHR0cHM6Ly9nby5jbGVyay5jb20vc3kzcUd5Uw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416863">Clerk’s new API keys</a> let your users create credentials that delegate access to your application’s API on their behalf. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The legend, Dr. Axel had to <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/e0hph0u7ge77zoh8/aHR0cHM6Ly8yYWxpdHkuY29tLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416864">take his blog and his books offline</a> because of all the AI bot traffic. You can support him by buying one of his books or attacking your local data center.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Ahmad Shadeed showed how to achieve <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/7qh7h2u97899e7cz/aHR0cHM6Ly9pc2hhZGVlZC5jb20vYXJ0aWNsZS9jc3Mtcm91bmQv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416865">better fluid sizing with <code style="font-size: 15px;">round()</code></a>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;"><a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/owhkhwuwvnwwemfv/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9hZ2VudC1kZXZpY2U=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416866">agent-device</a> is a verification and automation tool designed for agents developing mobile apps. It gives you everything necessary to verify your own work: token-optimized accessibility snapshots, gestures, screenshots, recordings, and replays, but it also lets you debug any mobile app, especially React Native/Expo. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">The godfather of vibe-coding, Andrej Karpathy <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/z2hgh7uev7eezqup/aHR0cHM6Ly94LmNvbS9rYXJwYXRoeS9zdGF0dXMvMjA1Njc1MzE2OTg4ODMzNDMxMg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416867">joined Anthropic</a>. Someone check on Theo.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Den Odell explained <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/p8hehqu40d44eqbq/aHR0cHM6Ly9kZW5vZGVsbC5jb20vYmxvZy9icm93c2Vycy10cmVhdC1iaWctc2l0ZXMtZGlmZmVyZW50bHk=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416868">why some browsers render big sites differently</a> based on their domain.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Roman Kashitsyn wrote a <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/x0hph3ue6zeem4f5/aHR0cHM6Ly9tbWFwcGVkLmJsb2cvcG9zdHMvNDgtdGhlLXRoaXJkLWhhcmQtcHJvYmxlbQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416869">deep dive on tree mapping</a>, which he argues is “the third hard problem” of Computer Science. Thinking back to my CS labs in college, I remember that the first hard problem is naming things and the second one is remembering to put on deodorant.</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="140" src="https://bytes.dev/images/content/pop-quiz.png" alt="Pop Quiz logo" style="max-width: 100%;"><h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;">Pop Quiz: Answer</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;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/reh8h9umr7mmpmf2/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvZnJvbnRlbmQtZGV2ZWxvcGVyLWtpdC8_dXRtX3NvdXJjZT1ieXRlc2RldiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPWRnLWNvcmVwbGF0Zm9ybS13dy1mcm9udGVuZC1kZXYta2l0LWJ5dGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1856416857">Datadog</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;">const</span> friends <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span><span class="token string" style="color: #f99157; font-size: 15px;">'Aliyah'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Alex'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Ben'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Cassidy'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token string" style="color: #f99157; font-size: 15px;">'Carlos'</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">const</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span> length<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 operator" style="color: #12b5e5; font-size: 15px;">:</span> first<span class="token punctuation" style="color: #231F20; font-size: 15px;">,</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>length <span class="token operator" style="color: #12b5e5; font-size: 15px;">-</span> <span class="token number" style="color: #fcba28; font-size: 15px;">1</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token operator" style="color: #12b5e5; font-size: 15px;">:</span> last <span class="token punctuation" style="color: #231F20; font-size: 15px;">}</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">=</span> friends
console<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>first<span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token comment" style="color: rgb(167, 167, 167); font-size: 15px;">// Aliyah</span>
console<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span><span class="token function" style="color: #9d7dce; font-size: 15px;">log</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>last<span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token comment" style="color: rgb(167, 167, 167); font-size: 15px;">// Carlos</span>
</code></pre>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Since arrays are just objects with numeric keys and a <code style="font-size: 15px;">length</code> property, we can use destructuring and computed property names in order to grab the first and last elements in any array. Kind of worthless, but kind of cool.</p>
<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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/6qhehoulgwll44ao/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1856416870">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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/kkhmh2unqennp7ul/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1856416871">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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/58hvh8ug80ggept6/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1856416872">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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx/25h2h9u3zg335vt3/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1856416873">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/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/xmu0w0kg44b6hp6v63gf5h2ev5roehnhlemx" alt="">
</body>
</html>