<!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/tony-hawk.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/qa-wolf-logo.png">
<link rel="preload" as="image" href="https://bytes.dev/images/content/banana-stand-sadness.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: Making Jam for the love of the game</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> Getting solicited by swingers, pure CSS parallax keeping me regular, and figuring out if Hilary Swank is actually hot.</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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/qvh8h8ud5ew7k3ul/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDky" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812918">#492</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/tony-hawk.jpg" alt="Tony Hawk playing Tony Hawk's Pro Skater" 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;">Holding on to what I am, pretending I'm Superman<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;">Making Jam for the love of the game</h3>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Raphael Amorim just announced <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/g3hnhwum5g9dqvur/aHR0cHM6Ly9yYXBoYS5sYW5kL2phbS1wcm9ncmFtbWluZy1sYW5ndWFnZS8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812919">a new programming language called Jam</a>, a compiled language built on top of the LLVM compiler and written in C++.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">It’s pretty rare these days to see someone building a project like this from scratch (without AI), but Rapha is like the teenage Juggalo who showed up to roller skate at our elementary school’s fundraiser. He’s doing it for the love of the game.</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;">The backstory:</strong></p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Raphael used to be like us, a lowly React developer, but after building things like <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/3ohphdu3lxmokour/aHR0cHM6Ly9naXRodWIuY29tL3JhcGhhbW9yaW0vcmVhY3QtdHY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812921">React TV</a>, a custom renderer for React that let him target low-memory devices, he realized he needed more. So naturally, like many other disenfranchised JS devs, he started writing Rust.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">This journey <del>into the depths of hell</del> led to him creating one of the more successful open-source Rust projects - <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/n2hohquvp2q8lxa6/aHR0cHM6Ly9naXRodWIuY29tL3JhcGhhbW9yaW0vcmlv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812922">Rio Terminal</a>. The problem with Rust is that it has a steep learning curve, and getting quality contributions from normie devs is… unrealistic. So instead of opting for a language like Zig (which isn’t memory safe), he decided to build his own.</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;">The language:</strong></p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">I may not be a programming language sommelier, but here are some of Jam’s ingredients that I am getting hints of.</p>
<ul>
<li>
<strong style="font-weight: 600;">Rust:</strong> Memory safety and high-performance systems programming.</li>
<li>
<strong style="font-weight: 600;">Swift:</strong> Mutable value semantics and explicit mutation.</li>
<li>
<strong style="font-weight: 600;">Zig:</strong> Explicit language design, a flat compiler architecture, and aggressive type interning.</li>
<li>
<strong style="font-weight: 600;">Elixir:</strong> Pattern matching and expression-oriented programming.</li>
<li>
<strong style="font-weight: 600;">JavaScript:</strong> Familiar, approachable syntax and developer ergonomics.</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;">Bottom Line:</strong> Yes, Jam is brand new and has a long way to go before it can be used in production, but I appreciate that there are still devs out there pushing back against the sloppocalypse and shipping for the love of the game.</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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/48hvh7umewl579cx/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDky" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1859812923"><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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/wnh2h6uqpm75lvt7/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0OTI=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1859812924"><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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/reh8h9umrkd2oea2/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9UmFwaGFlbCUyMEFtb3JpbSUyMGp1c3QlMjBhbm5vdW5jZWQlMjBhJTIwbmV3JTIwcHJvZ3JhbW1pbmclMjBsYW5ndWFnZSUyMGNhbGxlZCUyMEphbSZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQ5Mg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1859812925"><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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/8ghqh3uovwd07guk/bWFpbHRvOj9zdWJqZWN0PVlvdSUyMGxpa2UlMjBjb3JuYnJlYWQlM0YmYm9keT1UaG91Z2h0JTIweW91JTI3ZCUyMGxvdmUlMjB0aGlzJTIwd2VlayUyN3MlMjBCeXRlcyUwQS0tLSUwQVJhcGhhZWwlMjBBbW9yaW0lMjBqdXN0JTIwYW5ub3VuY2VkJTIwYSUyMG5ldyUyMHByb2dyYW1taW5nJTIwbGFuZ3VhZ2UlMjBjYWxsZWQlMjBKYW0lMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDky" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1859812927"><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/qa-wolf-logo.png" alt="QA Wolf 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/banana-stand-sadness.jpg" alt="Michael Cera wearing a banana costume" 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 your agent writes all the code and you're stuck doing QA<!-- --> </p>
</div>
<h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"><a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/vqh3hmuo7m0xqpig/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPUFDUV9BbGxfUHJvZHVjdFNpZ251cF9fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVRlc3RpbmdQbGF0Zm9ybV8yMDI2MDYwMi1Ob25lX0V4cGVyaW1lbnQtVFJVRSZ1dG1fdGVybT1oZWFkbGluZS1NYXBXb3JrZmxvd3NBdXRvbWF0ZUUyRVRlc3RzQW5kU2hpcEZhc3RlcldpdGhRQVdvbGYmdXRtX2NvbnRlbnQ9QUlUZXN0aW5nUGxhdGZvcm1fR2V0U3RhcnRlZF9Ob25lX0hlYWRsaW5lJTNBTWFwV29ya2Zsb3dzQXV0b21hdGVFMkVUZXN0c0FuZFNoaXBGYXN0ZXJXaXRoUUFXb2xmX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI2MDYwMl92MV9oZWFkZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812928">Map workflows, automate E2E tests, and ship faster with QA Wolf</a></h3>
<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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/vqh3hmuo7m0xqpig/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPUFDUV9BbGxfUHJvZHVjdFNpZ251cF9fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVRlc3RpbmdQbGF0Zm9ybV8yMDI2MDYwMi1Ob25lX0V4cGVyaW1lbnQtVFJVRSZ1dG1fdGVybT1oZWFkbGluZS1NYXBXb3JrZmxvd3NBdXRvbWF0ZUUyRVRlc3RzQW5kU2hpcEZhc3RlcldpdGhRQVdvbGYmdXRtX2NvbnRlbnQ9QUlUZXN0aW5nUGxhdGZvcm1fR2V0U3RhcnRlZF9Ob25lX0hlYWRsaW5lJTNBTWFwV29ya2Zsb3dzQXV0b21hdGVFMkVUZXN0c0FuZFNoaXBGYXN0ZXJXaXRoUUFXb2xmX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI2MDYwMl92MV9oZWFkZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812928">QA Wolf</a>’s AI agent maps and tests your app’s most complex user flows. It turns your prompts into real Playwright and Appium code that runs 12x faster and more reliably than other computer-use agents.</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 sets their AI apart:</strong></p>
<ul>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Maps <strong style="font-weight: 600;">200+ workflows in minutes</strong> instead of weeks of manual planning.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Executes tests <strong style="font-weight: 600;">12x faster</strong> than computer-use agents.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Runs entire suites <strong style="font-weight: 600;">100% parallel</strong> with consistent results.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Produces open-source tests your team owns, with <strong style="font-weight: 600;">zero vendor lock-in</strong>.</p>
</li>
</ul>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Trusted by engineering teams at Drata, Salesloft, Figma, Metronome, and many others.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">Rated 4.8/5 on G2.</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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/vqh3hmuo7m0xqpig/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPUFDUV9BbGxfUHJvZHVjdFNpZ251cF9fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9BSVRlc3RpbmdQbGF0Zm9ybV8yMDI2MDYwMi1Ob25lX0V4cGVyaW1lbnQtVFJVRSZ1dG1fdGVybT1oZWFkbGluZS1NYXBXb3JrZmxvd3NBdXRvbWF0ZUUyRVRlc3RzQW5kU2hpcEZhc3RlcldpdGhRQVdvbGYmdXRtX2NvbnRlbnQ9QUlUZXN0aW5nUGxhdGZvcm1fR2V0U3RhcnRlZF9Ob25lX0hlYWRsaW5lJTNBTWFwV29ya2Zsb3dzQXV0b21hdGVFMkVUZXN0c0FuZFNoaXBGYXN0ZXJXaXRoUUFXb2xmX19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI2MDYwMl92MV9oZWFkZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812928">Get started</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 – Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/l2heh6ul9q20dlf6/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPWVtYWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812929">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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/l2heh6ul9q20dlf6/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPWVtYWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812929">open-source form library</a> for React, Angular, and Vue 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;">calculateAverage</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">arr</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;">let</span> sum <span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;">let</span> count <span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;">for</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">let</span> i <span class="token operator" style="color: #12b5e5; 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> i <span class="token operator" style="color: #12b5e5; font-size: 15px;"><</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span> i<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 punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">&&</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">typeof</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">===</span> <span class="token string" style="color: #f99157; font-size: 15px;">"number"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
sum <span class="token operator" style="color: #12b5e5; font-size: 15px;">+=</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
count<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 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> sum <span class="token operator" style="color: #12b5e5; font-size: 15px;">/</span> count<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;">David K Piano released <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/m2h7h6u3p25glmum/aHR0cHM6Ly9zdGF0ZWx5LmFpL2RvY3MveHN0YXRlLXN0b3Jl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812930">XState Store v4</a>. It’s type-safe, event-driven, and “<em>really</em> agent friendly.” FYI, “<em>really</em> friendly” usually means you’re about to get an invite to a swinger party.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Dan Depietri wrote about <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/dphehmuegd6425tm/aHR0cHM6Ly9kYW4td2Vibm90ZXMuY29tL3Bvc3RzLzIwMjYtMDYtMDItY3NzLW5hdGl2ZS1wYXJhbGxheC1lZmZlY3Qv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812931">how to parallax with pure CSS</a>. Just remember, anything more than a half scoop of lax is asking for trouble.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Orkes is hosting a webinar on <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/e0hph0u7gmvpd5f8/aHR0cHM6Ly9vcmtlcy5pby93ZWJpbmFycy93ZWJpbmFyLWJleW9uZC1zYW5kYm94ZXMtYXJjaGl0ZWN0aW5nLWR1cmFibGUtcnVudGltZXMtZm9yLWFpLWFnZW50cw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812932">how to architect durable runtimes for agents</a>. Registration is free. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Addy Osmani wrote about <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/7qh7h2u97dlkxdtz/aHR0cHM6Ly9hZGR5b3NtYW5pLmNvbS9ibG9nL29yY2hlc3RyYXRpb24tdGF4Lw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812933">the Orchestration Tax</a>, which is kinda like sales tax but for neurodivergent developers.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Evan Bacon created <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/owhkhwuwvx9k0piv/aHR0cHM6Ly9naXRodWIuY29tL0V2YW5CYWNvbi9jaGF0LXRlbXBsYXRl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812934">a chat app template for Expo + Expo Router</a> that runs on iOS, Android, and the web. He then proceeded to quit his job, which means this project is either next-level or terrible - you never can tell.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Jenna Smith wrote about how <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/z2hgh7uev564m6bp/aHR0cHM6Ly9qamVuenouY29tL2Jlc3QtbG9hZGluZy1zdGF0ZXMtYXJlLW5vLWxvYWRpbmctc3RhdGVzLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812935">the best loading states are no loading states</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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/p8hehqu40r63pohq/aHR0cHM6Ly9zcnYuYnV5c2VsbGFkcy5jb20vYWRzL2xvbmcveC9UQ01IQkRTUFRUVFRUVERDVDZEQ1dUVFRUVFRES1ZFNjJWVFRUVFRUNTRGVE9CRVRUVFRUVFJQSENKUFU1QTQzMkhMNkVKUEpWUkJNNFNMVVpRTEY0RUo3UFRTRT9jaWQ9Mzc3ODM3" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812936">Your AI agent doesn’t know your pipelines, your security backlog, or what shipped last week</a>. GitLab Orbit does. Watch it work at GitLab Transcend on June 10. Live demos, hands-on workshops, The Developer Show from London. Free to register. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Zack Radisic has been wondering <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/6qhehoulgxrk38fo/aHR0cHM6Ly96YWNrb3ZlcmZsb3cuZGV2L3dyaXRpbmcvd2h5LWRvZXMtdHNnby11c2Utc28tbXVjaC1tZW1vcnk=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812938">why <code style="font-size: 15px;">tsgo</code> uses so much memory</a>, so he wrote a post that gets to the bottom of it.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Amadeus Demarzi wrote about how The Pierre Computer Company <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/kkhmh2unqzwdokfl/aHR0cHM6Ly9waWVycmUuY29tcHV0ZXIvd3JpdGluZy9vbi1yZW5kZXJpbmctZGlmZnM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812939">renders diffs without making the browser grind to a complete halt</a>. Naturally, this post enraged nerds on the orange site because they didn’t like where they put the text on their blog post.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Depot’s Sherlock can now <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/58hvh8ug83xv46u6/aHR0cHM6Ly9mYW5kZi5jby8zUnV2blg0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812940">analyze your CI builds, break down your pipeline analytics, and open support tickets on your behalf</a> – all without leaving your dashboard. [sponsored]</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Dennis Brotzky cataloged <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/25h2h9u3zl9vqqf3/aHR0cHM6Ly9wZXJmb3JtYW5jZS5kZXYvdGhlLWNvbmR1Y3Rvci1yZXdyaXRl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812941">how Conductor was able to 2x its performance</a>, in part by migrating from <code style="font-size: 15px;">react-router</code> to <code style="font-size: 15px;">@tanstack/react-router</code>.</p>
</li>
<li>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5;">Joost de Valk made a site that tries to define the <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/qvh8h8ud5ew7l3al/aHR0cHM6Ly9zcGVjaWZpY2F0aW9uLndlYnNpdGUv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812942">platform-agnostic specification of the technical features every decent website should have</a>. It’s not unlike trying to define whether or not Hilary Swank is actually hot.</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;">Sponsored by <a href="https://c5e21242.click.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/l2heh6ul9q20dlf6/aHR0cHM6Ly9zdXJ2ZXlqcy5pby8_dXRtX3NvdXJjZT1ieXRlcyZ1dG1fbWVkaXVtPWVtYWls" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1859812929">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;">calculateAverage</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">arr</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;">let</span> sum <span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;">let</span> count <span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;">for</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">let</span> i <span class="token operator" style="color: #12b5e5; 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> i <span class="token operator" style="color: #12b5e5; font-size: 15px;"><</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span> i<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 punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span>arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">&&</span> <span class="token keyword" style="color: #f38ba3; font-size: 15px;">typeof</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">===</span> <span class="token string" style="color: #f99157; font-size: 15px;">"number"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
sum <span class="token operator" style="color: #12b5e5; font-size: 15px;">+=</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
count<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 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> sum <span class="token operator" style="color: #12b5e5; font-size: 15px;">/</span> count<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;">If we pass <code style="font-size: 15px;">calculateAverage</code> an array that contains a <code style="font-size: 15px;">0</code>, because we’re filtering out falsy values (of which <code style="font-size: 15px;">0</code> is one), our calculation will be wrong.</p>
<p style="font-family: Outfit, sans-serif; font-size: 19px; line-height: 1.5; padding-left: 24px; padding-right: 24px;">To fix our function, we can get rid of our truthy check (<code style="font-size: 15px;">arr[i]</code>) and just verify the element is a number.</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;">calculateAverage</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token parameter" style="color: #f38ba3; font-size: 15px;">arr</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;">let</span> sum <span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;">let</span> count <span class="token operator" style="color: #12b5e5; 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 keyword" style="color: #f38ba3; font-size: 15px;">for</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">let</span> i <span class="token operator" style="color: #12b5e5; 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> i <span class="token operator" style="color: #12b5e5; font-size: 15px;"><</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">.</span>length<span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span> i<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 punctuation" style="color: #231F20; font-size: 15px;">{</span>
<span class="token keyword" style="color: #f38ba3; font-size: 15px;">if</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">(</span><span class="token keyword" style="color: #f38ba3; font-size: 15px;">typeof</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span> <span class="token operator" style="color: #12b5e5; font-size: 15px;">===</span> <span class="token string" style="color: #f99157; font-size: 15px;">"number"</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">)</span> <span class="token punctuation" style="color: #231F20; font-size: 15px;">{</span>
sum <span class="token operator" style="color: #12b5e5; font-size: 15px;">+=</span> arr<span class="token punctuation" style="color: #231F20; font-size: 15px;">[</span>i<span class="token punctuation" style="color: #231F20; font-size: 15px;">]</span><span class="token punctuation" style="color: #231F20; font-size: 15px;">;</span>
count<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 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> sum <span class="token operator" style="color: #12b5e5; font-size: 15px;">/</span> count<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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/g3hnhwum5g9d0var/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1859812943">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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/9qhzhdudm4wq8kh9/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1859812944">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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/3ohphdu3lxmo8oar/aHR0cHM6Ly9maXJlc2hpcC5kZXY=" url-id="1859812945">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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86/n2hohquvp2q84xt6/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1859812946">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/92u4m46p33tnh6vgl25b9hzql0690fwhgx86">Unsubscribe</a></span>
<!-- -->
<img src="https://c5e21242.open.convertkit-mail.com/92u4m46p33tnh6vgl25b9hzql0690fwhgx86" alt="">
</body>
</html>