Email: Bytes: Snapchat is coming for React Native

Subject:
Bytes: Snapchat is coming for React Native
Received:
11/12/2025, 2:08:12 PM
From:
"Tyler from ui.dev" <tyler@ui.dev>
To:
desert.legend.57@rss.andrealin.it
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;title&gt;Bytes: Snapchat is coming for React Native&lt;/title&gt;
&lt;meta charset="utf-8"&gt;
&lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
&lt;meta name="color-scheme" content="light dark"&gt;
&lt;meta name="supported-color-schemes" content="light dark"&gt;
&lt;link href="https://fonts.googleapis.com/css2?family=Fira+Mono&amp;family=Outfit:wght@400;500;700;900&amp;family=Paytone+One" rel="stylesheet"&gt;
&lt;style&gt;@media (prefers-color-scheme: dark) {
  .email-wrapper {
    color: #F9F4DA !important;
    background-color: #0F0D0E !important;
  }
  hr {
    border-color: #262422 !important;
  }
  mark {
    background-color: #231F20 !important;
    color: #F9F4DA !important;
  }
  pre {
    background-color: #231F20 !important;
    border: 1px solid #231F20 !important;
    color: #F9F4DA !important;
  }
  .bg-alt {
    background-color: #231F20 !important;
  }
  .unsubscribe-link {
    color: #504C48 !important;
  }
  .token.punctuation {
    color: #f9f4da !important;
  }
}
@media screen and (min-width: 600px) {
  .mobile-break {
    display: none;
  }
}&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;table class="email-wrapper" border="0" cellspacing="0" width="100%" style="background-color: #FFF; border-collapse: collapse; color: #231F20; font-family: Outfit, sans-serif; font-size: 16px; width: 100%;"&gt;&lt;tbody&gt;&lt;tr&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;td width="600px" style="border-collapse: collapse !important; width: 600px; word-break: normal;"&gt;&lt;div style="max-width:600px;padding-top:80px"&gt;
&lt;div style="text-align:center"&gt;&lt;img width="600" style="max-width: 100%; padding-bottom: 40px;" src="https://bytes.dev/images/bytes-banner-rounded.png" alt="Bytes"&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Today’s issue:&lt;/strong&gt; Ancient Mayan predictions about WebAssembly, billions of GitHub dad jokes, and still waiting for big tech to stop hating.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Welcome to &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/n2hohquv6q98d6i6/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDQw" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779634"&gt;#440&lt;/a&gt;.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="80" src="https://bytes.dev/images/content/eyes.png" alt="Eyeballs logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;The Main Thing&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/snapchat.jpg" alt="DJ Khaled snapchat saying, they jealous it sad" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;"&gt;Snapchat when they release v1 of their cross-platform framework before React Native&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Snapchat is coming for React Native&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;At least that’s what it felt like last week when they open-sourced &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/48hvh7um6ld5oghx/aHR0cHM6Ly9naXRodWIuY29tL1NuYXBjaGF0L1ZhbGRpP3RhYj1yZWFkbWUtb3YtZmlsZQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779635"&gt;Valdi&lt;/a&gt;, a cross-platform UI framework that’s promising the best of both worlds: “true native performance” across platforms and a smooth developer experience that’s built for speed.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;It’s still in beta for now, but Valdi has apparently been used in Snap’s large production apps for the last 8 years – so you know it’s been intensely battle-tested from processing all those unsolicited nudes and rainbow-vomit selfie filters.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;But what makes it different from React Native and other cross-platform frameworks?&lt;/strong&gt; The biggest thing is that it lets you write declarative TypeScript components, which compile into platform-native views that are managed by its C++ layout engine – with no web views, no JS bridge, and no React-style runtime. It also generates type-safe bindings between your TypeScript code and the native platforms, so you get automatic code generation and native API access without needing a bunch of glue code.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Here are a few other key features that double down on this approach even more:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Smarter rendering&lt;/strong&gt; – It uses &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/wnh2h6uqx725z8a7/aHR0cHM6Ly9naXRodWIuY29tL1NuYXBjaGF0L1ZhbGRpL2Jsb2IvbWFpbi9kb2NzL2RvY3MvcGVyZm9ybWFuY2Utdmlldy1yZWN5Y2xpbmcubWQ=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779636"&gt;automatic view recycling&lt;/a&gt;, viewport-aware rendering, and an optimized layout engine to minimize redraws and keep scrolling silky-smooth.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Web-style DX&lt;/strong&gt; – It comes with instant hot reload, full VS Code debugging, and TSX components with full type-safety, so that building native apps feels faster and more like building web apps.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;strong style="font-weight: 600;"&gt;Flexible adoption&lt;/strong&gt; – You can embed Valdi into existing UIKit or Android view hierarchies and mix in Swift, Kotlin, or C++ modules when you want.&lt;/p&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;strong style="font-weight: 600;"&gt;Bottom Line:&lt;/strong&gt; Did we just stumble into a golden age of cross-platform UI frameworks? TikTok open-sourced Lynx a few months ago, Meta’s React Native just rolled out its new bridge-less architecture, and now Snapchat has blessed us with Valdi.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;If this keeps up, we may need a new unifying law of cross-platform physics: &lt;em&gt;the higher the rate of Brain Rot Per Scroll, the more robust the open-source output of the engineering team.&lt;/em&gt;&lt;/p&gt;
&lt;table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse; margin-top: 40px; text-align: center;"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td style="border-collapse: collapse !important; padding-top: 12px; word-break: normal;"&gt;
&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/reh8h9umwdl28ki2/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDQw" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1804779637"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/fb-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/08hwhgu2ge6o8vhl/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NDA=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1804779638"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/li-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/8ghqh3uoqd604dfk/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9QnJlYWtpbmclMjBkb3duJTIwYWxsJTIwdGhlJTIwaHlwZSUyMGFyb3VuZCUyMFZhbGRpJTJDJTIwdGhlJTIwbmV3JTIwY3Jvc3MtcGxhdGZvcm0lMjBVSSUyMGZyYW1ld29yayUyMGZyb20lMjBTbmFwY2hhdCUyMHRoYXQlMjdzJTIwVHlwZVNjcmlwdCUyMGFsbCUyMHRoZSUyMHdheSUyMGRvd24mdXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0NDA=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1804779639"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/tw-share-icon.png"&gt;&lt;/a&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/vqh3hmuoe09x5rtg/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBQnJlYWtpbmclMjBkb3duJTIwYWxsJTIwdGhlJTIwaHlwZSUyMGFyb3VuZCUyMFZhbGRpJTJDJTIwdGhlJTIwbmV3JTIwY3Jvc3MtcGxhdGZvcm0lMjBVSSUyMGZyYW1ld29yayUyMGZyb20lMjBTbmFwY2hhdCUyMHRoYXQlMjdzJTIwVHlwZVNjcmlwdCUyMGFsbCUyMHRoZSUyMHdheSUyMGRvd24lMEFodHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDQwJnN1YmplY3Q9WW91JTIwbGlrZSUyMGNvcm5icmVhZCUzRg==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1804779640"&gt;&lt;img alt="" style="display: inline-block; max-width: 100%; width: 32px;" width="25" src="https://bytes.dev/images/em-share-icon.png"&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="150" src="https://bytes.dev/images/content/qa-wolf-logo.png" alt="QA Wolf logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;&lt;span&gt;Our Friends &lt;br class="mobile-break"&gt;(With Benefits)&lt;/span&gt;&lt;/h2&gt;
&lt;/div&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; max-width: 100%; padding: 24px; padding-bottom: 12px;"&gt;
&lt;img src="https://bytes.dev/images/content/dog-suit.jpg" alt="A dog tying a tie" width="600" style="border-radius: 5px; max-width: 100%;"&gt;&lt;p style="font-family: Outfit, sans-serif; font-size: 15px; font-style: italic; line-height: 1; margin: 0; padding-bottom: 4px; padding-left: 24px; padding-right: 24px; padding-top: 10px; text-align: center;"&gt;Putting on a brave face before those EOY performance reviews&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/l2heh6ul62m0g9c6/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX01lZXRFT1lEZWFkbGluZXNfMjAyNTExMTEtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PU1lZXRFT1lEZWFkbGluZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQUJlYXRZb3VyRU9ZRGVhZGxpbmVzV2l0aG91dExvc2luZ1lvdXJTYW5pdHlfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMTExX3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1oZWFkbGluZS1CZWF0WW91ckVPWURlYWRsaW5lc1dpdGhvdXRMb3NpbmdZb3VyU2FuaXR5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779641"&gt;Beat your EOY deadlines, without losing your sanity&lt;/a&gt;&lt;/h3&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;December ship panic is real, but &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/m2h7h6u3m56gr6fm/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX01lZXRFT1lEZWFkbGluZXNfMjAyNTExMTEtTm9uZV9FeHBlcmltZW50LUZBTFNFJnV0bV9jb250ZW50PU1lZXRFT1lEZWFkbGluZXNfR2V0QVBlcnNvbmFsaXplZERlbW9fTm9uZV9IZWFkbGluZSUzQUJlYXRZb3VyRU9ZRGVhZGxpbmVzV2l0aG91dExvc2luZ1lvdXJTYW5pdHlfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUxMTExX3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1ib2R5LVFBV29sZg==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779642"&gt;QA Wolf&lt;/a&gt; can help your team hit all its goals before the end of the year.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;They’ll get you fully automated test coverage for your entire application, so you can cut your QA cycles to under 15 minutes and ship faster.&lt;/p&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Here’s how:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;They build and maintain hundreds of automated Playwright tests for your app&lt;/li&gt;
&lt;li&gt;You get &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/dphehmue86943lam/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9ob3ctaXQtd29ya3M_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9NZWV0RU9ZRGVhZGxpbmVzXzIwMjUxMTExLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1NZWV0RU9ZRGVhZGxpbmVzX0dldEFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FCZWF0WW91ckVPWURlYWRsaW5lc1dpdGhvdXRMb3NpbmdZb3VyU2FuaXR5X19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MTExMV92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Ym9keS1VbmxpbWl0ZWRQYXJhbGxlbFRlc3RSdW5z" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779643"&gt;unlimited parallel test runs&lt;/a&gt; on their infrastructure, so you get results fast&lt;/li&gt;
&lt;li&gt;Zero flakes, because every failed test gets reviewed by their human QA engineers&lt;/li&gt;
&lt;/ul&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/e0hph0u7qv3pxrs8/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS8_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9NZWV0RU9ZRGVhZGxpbmVzXzIwMjUxMTExLU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1NZWV0RU9ZRGVhZGxpbmVzX0dldEFQZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FCZWF0WW91ckVPWURlYWRsaW5lc1dpdGhvdXRMb3NpbmdZb3VyU2FuaXR5X19fX05ld3NsZXR0ZXItUHJpbWFyeVBsYWNlbWVudF8yMDI1MTExMV92MV8mdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXMmdXRtX3Rlcm09Y3RhLUdldEFQZXJzb25hbGl6ZWREZW1v" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779644"&gt;Get a personalized demo for your team&lt;/a&gt; to see how they save their average customer 9 hours/week per engineer.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Spot the Bug&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;
&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/7qh7h2u9wl2kgxhz/aHR0cHM6Ly96ZWQuZGV2L2Jsb2cvYWdlbnQtZXh0ZW5zaW9ucw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779645"&gt;Zed&lt;/a&gt;
&lt;/h4&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 16px; line-height: 1.5; margin-top: 5px; padding-left: 24px; padding-right: 24px;"&gt;&lt;em&gt;They just launched &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/7qh7h2u9wl2kgxhz/aHR0cHM6Ly96ZWQuZGV2L2Jsb2cvYWdlbnQtZXh0ZW5zaW9ucw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779645"&gt;Agent Extensions&lt;/a&gt;, which lets you test drive coding agents from Augment Code, Opencode, and more from right inside Zed’s next-gen editor.&lt;/em&gt;&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;class&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;User&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;async&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;constructor&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;userId&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; user &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;await&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;getUser&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;userId&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;this&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;id &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;id&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;this&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;name &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;name&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;this&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;email &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;email&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;
  &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;...&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Cool Bits&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Andrew Sampson wrote about &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/owhkhwuwg9mkzesv/aHR0cHM6Ly9hbmRyZXdzLnN1YnN0YWNrLmNvbS9wL2VtYmVkZGluZy10eXBlc2NyaXB0" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779646"&gt;embedding TypeScript&lt;/a&gt; using the Hako JavaScript engine, which compiles down to WebAssembly. All of the ancient Mayan calendars I’ve been studying point to 2026 being the year of the Wasm, so this is a good early omen.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/z2hgh7uep624ggip/aHR0cHM6Ly93d3cucmVhY3RuYXRpdmVjcm9zc3JvYWRzLmNvbS9wb3N0cy9pbnRyb2R1Y2luZy11bml3aW5kLXRoZS1mYXN0ZXN0LXRhaWx3aW5kLWJpbmRpbmdzLWZvci1yZWFjdC1uYXRpdmU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779647"&gt;Uniwind&lt;/a&gt; is the fastest Tailwind bindings for React Native, built by the creators of Unistyles. And the cross-platform golden age continues.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/p8hehqu4g6w2kkcq/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL3doYXQteW91LWNhbi1idWlsZC13aXRoLXJlYWN0LW5hdGl2ZS1vbi1tZXRhLXF1ZXN0P3V0bV9jYW1wYWlnbj1tZXRhJnV0bV9jb250ZW50PXdoYXQteW91LWNhbi1idWlsZC13aXRoLXJlYWN0LW5hdGl2ZS1vbi1tZXRhLXF1ZXN0JnV0bV9tZWRpdW09ZW1haWwmdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779648"&gt;Meta Horizon Start Developer Competition&lt;/a&gt; is on – with $1.5M in prizes for the best apps. Need ideas? Here’s &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/p8hehqu4g6w2kkcq/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL3doYXQteW91LWNhbi1idWlsZC13aXRoLXJlYWN0LW5hdGl2ZS1vbi1tZXRhLXF1ZXN0P3V0bV9jYW1wYWlnbj1tZXRhJnV0bV9jb250ZW50PXdoYXQteW91LWNhbi1idWlsZC13aXRoLXJlYWN0LW5hdGl2ZS1vbi1tZXRhLXF1ZXN0JnV0bV9tZWRpdW09ZW1haWwmdXRtX3NvdXJjZT1ieXRlcw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779648"&gt;some inspo&lt;/a&gt; to get you started.  [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Matt Zeunert explained &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/x0hph3ue92vp8rt5/aHR0cHM6Ly93d3cuZGVidWdiZWFyLmNvbS9ibG9nL2Nocm9tZS1kZXZ0b29scy10aHJvdHRsZS1pbmRpdmlkdWFsLXJlcXVlc3Q=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779649"&gt;how to throttle specific requests in Chrome DevTools&lt;/a&gt;. I’m not sure why, but “throttling” something sounds like it should be illegal.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/6qhehoulnr85v5co/aHR0cHM6Ly9zdG9yeWJvb2suanMub3JnL2Jsb2cvc3Rvcnlib29rLTEwLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779650"&gt;Storybook 10&lt;/a&gt; comes with only one breaking change but it’s a good one: it’s ESM-only now.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/kkhmh2un6w05geil/aHR0cHM6Ly93d3cuY29kZXJhYmJpdC5haS8_ZHViX2lkPVdyMElISkVIaVFHOGJUUTMmdXRtX2NhbXBhaWduPWNsaSZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779651"&gt;CodeRabbit’s OSS Program&lt;/a&gt; gives open-source projects free access to all their Pro-tier code review features. Used by projects like Bun, Vue, Nix, and 100k+ others to ship better code. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Cassidy Williams analyzed nearly a billion GitHub commits to assess &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/58hvh8ugkxdnpoc6/aHR0cHM6Ly9naXRodWIuYmxvZy9uZXdzLWluc2lnaHRzL29jdG92ZXJzZS93aGF0LTk4Ni1taWxsaW9uLWNvZGUtcHVzaGVzLXNheS1hYm91dC10aGUtZGV2ZWxvcGVyLXdvcmtmbG93LWluLTIwMjU=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779652"&gt;the state of the developer workflow in 2025&lt;/a&gt;. That’s only half as many dad jokes as she analyzes for each issue of her newsletter, but it’s still a lot.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;The Svelte team wrote a quick roundup of &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/25h2h9u349p8rec3/aHR0cHM6Ly9zdmVsdGUuZGV2L2Jsb2cvd2hhdHMtbmV3LWluLXN2ZWx0ZS1ub3ZlbWJlci0yMDI1" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779653"&gt;what’s new in Svelte&lt;/a&gt; these days.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Apryse’s &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/qvh8h8udowm4g6tl/aHR0cHM6Ly9hcHJ5c2UuY29tL2NhcGFiaWxpdGllcy9leHRyYWN0aW9uL3RlbXBsYXRlLWV4dHJhY3Rpb24_dXRtX2NhbXBhaWduPWJ5dGVzXzIwMjVfMTFfMDcmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779654"&gt;Template Data Extraction SDK&lt;/a&gt; lets you automate all your ACORD extraction to cut processing time, eliminate errors, and scale high-volume workflows. [sponsored]&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;&lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/g3hnhwum698l7ear/aHR0cHM6Ly9uaWxvc3RvbHRlLmdpdGh1Yi5pby90ZWNoL2FydGljbGVzL1ppZ0Nvb2wuaHRtbA==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779655"&gt;Why is Zig so Cool?&lt;/a&gt; I would argue that it’s because it starts with a &lt;code style="font-size: 14px;"&gt;Z&lt;/code&gt; and rhymes with “cig”, but Nilo Stolte wrote a more technical analysis.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;jyn wrote about &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/9qhzhdudzwv6kps9/aHR0cHM6Ly9qeW4uZGV2L3RoZS10ZXJtaW5hbC1vZi10aGUtZnV0dXJl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779656"&gt;the terminal of the future&lt;/a&gt;, and how it’s sadly not just a terminal that plays &lt;em&gt;Phil of the Future&lt;/em&gt; on repeat while doing all your work for you.&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;David Bushell is campaigning to &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/3ohphdu34m5263hr/aHR0cHM6Ly94c2x0LnJpcC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779657"&gt;keep XSLT alive&lt;/a&gt;, since Google just announced plans to deprecate it by 2027 (after already trying to kill it back in 2013). If you’re unfamiliar, XSLT was created in 1999 for “transforming XML documents into other XML documents” – so it makes sense that David’s site feels like a late ’90s fan page for Sum 41. &lt;em&gt;So am I still waiting, for big tech to stop hating.&lt;/em&gt;&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/spot-the-bug.png" alt="Spot the Bug logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Spot the Bug: Solution&lt;/h2&gt;
&lt;div class="section-presenter" style="margin-bottom:50px;margin-top:15px"&gt;&lt;h4 style="font-size: 19px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Sponsored by &lt;a href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/7qh7h2u9wl2kgxhz/aHR0cHM6Ly96ZWQuZGV2L2Jsb2cvYWdlbnQtZXh0ZW5zaW9ucw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1804779645"&gt;Zed&lt;/a&gt;
&lt;/h4&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;JavaScript doesn’t allow class constructors to be &lt;code style="font-size: 14px;"&gt;async&lt;/code&gt;. We have to do any async actions outside of a constructor. Static class methods can help with this.&lt;/p&gt;
&lt;pre class="language-js" style="background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 8px; color: #231F20; overflow: auto; padding: 24px;"&gt;&lt;code class="language-js" style="font-size: 14px;"&gt;&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;class&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;User&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
  &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;static&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;async&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;init&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;userId&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; user &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;await&lt;/span&gt; &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;getUser&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;userId&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;return&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;new&lt;/span&gt; &lt;span class="token class-name" style="color: #12b5e5; font-size: 14px;"&gt;User&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;
  &lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;constructor&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token parameter" style="color: #f38ba3; font-size: 14px;"&gt;user&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt; &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;{&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;this&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;id &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;id&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;this&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;name &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;name&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
    &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;this&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;email &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; user&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;email&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;;&lt;/span&gt;
  &lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;
&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;}&lt;/span&gt;

&lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;const&lt;/span&gt; me &lt;span class="token operator" style="color: #12b5e5; font-size: 14px;"&gt;=&lt;/span&gt; &lt;span class="token keyword" style="color: #f38ba3; font-size: 14px;"&gt;await&lt;/span&gt; User&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;.&lt;/span&gt;&lt;span class="token function" style="color: #9d7dce; font-size: 14px;"&gt;init&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;(&lt;/span&gt;&lt;span class="token number" style="color: #fcba28; font-size: 14px;"&gt;1&lt;/span&gt;&lt;span class="token punctuation" style="color: #231F20; font-size: 14px;"&gt;)&lt;/span&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;div style="text-align:center;padding-bottom:80px;padding-top:80px"&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"&gt;&lt;div style="margin-top:-40px"&gt;
&lt;img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"&gt;&lt;h5 style="font-size:18px;font-weight:400;margin-bottom:24px"&gt;Want us to say nice things &lt;br&gt; about your company?&lt;/h5&gt;
&lt;div style="margin-bottom:16px"&gt;&lt;a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/n2hohquv6q9xw6b6/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1804779658"&gt;Sponsor Bytes&lt;/a&gt;&lt;/div&gt;
&lt;div style="margin-bottom:20px"&gt;&lt;a style="color: #FCBA28; font-size: 14px; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/48hvh7um6ldpzgix/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1804779659"&gt;or share it&lt;/a&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; padding-left: 24px; padding-right: 24px;"&gt;Built with ❤️ by&lt;!-- --&gt; &lt;a style="color: #ed203d; font-weight: 600; text-decoration: underline;" href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/wnh2h6uqx72k98t7/aHR0cHM6Ly91aS5kZXY=" url-id="1804779660"&gt;ui.dev&lt;/a&gt;&lt;/p&gt;
&lt;/div&gt;&lt;/div&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 14px; line-height: 1.5; opacity: 0.5; padding-left: 24px; padding-right: 24px;"&gt;50 W Broadway Ste 333 PMB 51647 Salt Lake City, Utah 84101&lt;/p&gt;
&lt;div style="font-family:Papyrus, cursive"&gt;&lt;a class="unsubscribe-link" href="https://click.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0/reh8h9umwdl39kt2/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1804779661"&gt;Unsubscribe from Bytes&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;&lt;/td&gt;
&lt;td style="border-collapse: collapse !important; word-break: normal;"&gt;&lt;/td&gt;
&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;span style="display: none"&gt;&lt;a href="https://unsubscribe.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://open.kit-mail6.com/zlu4v4x2rrtnhkwdz0kcphwogmg00a6h3wl0" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
