Email: Bytes: Style once, run anywhere

Subject:
Bytes: Style once, run anywhere
Received:
7/14/2025, 8:02:09 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: Style once, run anywhere&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; Where your code goes after it dies, radicalizing AI against humanity, and saloon-style JavaScript.&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/owhkhwuw7p2pxptv/aHR0cHM6Ly9ieXRlcy5kZXYvYXJjaGl2ZXMvNDA4" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655814"&gt;#408&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/baby-owls.jpg" alt="Baby owls looking up with big eyes" 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;React Native devs ready to get hurt again&lt;!-- --&gt; &lt;/p&gt;
&lt;/div&gt;
&lt;h3 style="font-size: 24px; margin-bottom: 0; padding-left: 24px; padding-right: 24px;"&gt;Style once, run anywhere&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;As someone who was forced to wear a lot of “unisex” hand-me-downs from my older sister growing up, I’m naturally skeptical of &lt;code style="font-size: 14px;"&gt;uni-&lt;/code&gt; labels.&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;But when Jacek Pudysz released &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/z2hgh7ue8nqn56fp/aHR0cHM6Ly93d3cucmVhY3RuYXRpdmVjcm9zc3JvYWRzLmNvbS9wb3N0cy9pbnRyb2R1Y2luZy11bmlzdHlsZXMtMw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655815"&gt;Uni&lt;em&gt;styles&lt;/em&gt; 3.0&lt;/a&gt; last week, I nobly put my old prejudices aside to learn more about this React Native styling library that claims to let you share “up to 100% of your styles” across all platforms with no re-renders.&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;How on Earth does it do this?&lt;/strong&gt; With some good old-fashioned native 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;Unistyles is a superset of React Native’s &lt;code style="font-size: 14px;"&gt;StyleSheet&lt;/code&gt; API (like TypeScript is to JavaScript), but it has a custom C++ core that tracks, caches, and updates your styles &lt;em&gt;without&lt;/em&gt; triggering any of the usual re-renders.&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;Every style you define gets compiled into a high-performance C++ representation that knows exactly which “reactive inputs” it depends on – like your theme, orientation, or keyboard visibility.&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;The result:&lt;/strong&gt; When any of those inputs change, Unistyles updates &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/p8hehqu4lmnmroiq/aHR0cHM6Ly93d3cudW5pc3R5bC5lcy92My9zdGFydC9ob3ctdW5pc3R5bGVzLXdvcmtz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655816"&gt;only the affected styles&lt;/a&gt; directly in native views, with no hooks, no context, and no re-renders. The custom C++ parser also makes sure styles behave consistently across iOS, Android, and the web.&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;Other goodies include:&lt;/strong&gt;&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;Superpowers for your React Native &lt;code style="font-size: 14px;"&gt;StyleSheets&lt;/code&gt;&lt;/strong&gt; – Scoped themes, compound variants, CSS pseudo-classes, web-only styles, custom web rendering, and more.&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;More perf boosters&lt;/strong&gt; – It’s tightly integrated with the New Architecture’s &lt;code style="font-size: 14px;"&gt;Fabric&lt;/code&gt; renderer and leverages Nitro Modules and JSI bindings for faster updates.&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;Deep integration with &lt;code style="font-size: 14px;"&gt;react-native-reanimated&lt;/code&gt;&lt;/strong&gt; – So your animations and styles stay perfectly in sync without extra wiring.&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;Just keep in mind that Unistyles is meant to be a drop-in replacement for React Native’s &lt;code style="font-size: 14px;"&gt;StyleSheet&lt;/code&gt;, &lt;em&gt;not&lt;/em&gt; a drop-in component library, so you’ll still need to build a design system (or borrow someone else’s). It also doesn’t process Tailwind &lt;code style="font-size: 14px;"&gt;className&lt;/code&gt;s on native, if that’s your jam.&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;Bottom Line:&lt;/strong&gt; If Unistyles can really deliver cross-platform styles with web-like performance, maybe I can finally stop thinking about all those jokes my sixth-grade classmates made about my &lt;del&gt;jeggings&lt;/del&gt; &lt;em&gt;cool unisex jeans.&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/x0hph3uelo5ok6c5/aHR0cHM6Ly9mYWNlYm9vay5jb20vc2hhcmVyL3NoYXJlci5waHA_dT1odHRwcyUzQSUyRiUyRmJ5dGVzLmRldiUyRmFyY2hpdmVzJTJGNDA4" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1764655817"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/6qhehouldzmzx8ho/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL3NoYXJpbmcvc2hhcmUtb2Zmc2l0ZS8_dXJsPWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MDg=" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1764655818"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/kkhmh2un3rkrzkil/aHR0cHM6Ly90d2l0dGVyLmNvbS9pbnRlbnQvdHdlZXQvP3RleHQ9VW5pc3R5bGVzJTIwY29tYmluZXMlMjBSZWFjdCUyME5hdGl2ZSUyN3MlMjBOZXclMjBBcmNoJTIwd2l0aCUyMEMlMkIlMkIlMjBhbmQlMjB0aGUlMjByZXN1bHRzJTIwYXJlLi4uJTIwaW50cmlndWluZyZ1cmw9aHR0cHMlM0ElMkYlMkZieXRlcy5kZXYlMkZhcmNoaXZlcyUyRjQwOA==" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1764655819"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/58hvh8ugzqrq36b6/bWFpbHRvOj9ib2R5PVRob3VnaHQlMjB5b3UlMjdkJTIwbG92ZSUyMHRoaXMlMjB3ZWVrJTI3cyUyMEJ5dGVzJTBBLS0tJTBBVW5pc3R5bGVzJTIwY29tYmluZXMlMjBSZWFjdCUyME5hdGl2ZSUyN3MlMjBOZXclMjBBcmNoJTIwd2l0aCUyMEMlMkIlMkIlMjBhbmQlMjB0aGUlMjByZXN1bHRzJTIwYXJlLi4uJTIwaW50cmlndWluZyUwQWh0dHBzJTNBJTJGJTJGYnl0ZXMuZGV2JTJGYXJjaGl2ZXMlMkY0MDgmc3ViamVjdD1Zb3UlMjBsaWtlJTIwY29ybmJyZWFkJTNG" rel="noopener" style="color: #12b5e5; font-weight: 600; padding-left: 5px; text-decoration: none;" target="_blank" url-id="1764655820"&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/amazon-box.jpg" alt="Guy in an Amazon box with a smiley face on it" 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;When your test suite doesn't take 2 hours to deploy anymore&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/25h2h9u3e6k6lqh3/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0N1dFFBQ3ljbGVzXzIwMjUwNzE0LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1DdXRRQUN5Y2xlc19TZXRVcFlvdXJPd25QZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FUaGVFYXN5V2F5VG9TcGVlZFVwWW91clRlYW1zUmVsZWFzZUN5Y2xlc19fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA3MTRfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWhlYWRsaW5lLVRoZUVhc3lXYXlUb1NwZWVkVXBZb3VyVGVhbXNSZWxlYXNlQ3ljbGVz" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655821"&gt;The easy way to speed up your team’s release cycles&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;What if you could wave a magic wand to speed up your release cycles and save your team money?&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;That’s exactly what &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/g3hnhwumkr4rgvhr/aHR0cHM6Ly93d3cucWF3b2xmLmNvbT91dG1fY2FtcGFpZ249QUNRX0FsbF9EZW1vX0NvbnZlcnNpb25zX19OZXdzbGV0dGVyQXVkaWVuY2VfLV9OZXdzbGV0dGVyX0N1dFFBQ3ljbGVzXzIwMjUwNzE0LU5vbmVfRXhwZXJpbWVudC1GQUxTRSZ1dG1fY29udGVudD1DdXRRQUN5Y2xlc19TZXRVcFlvdXJPd25QZXJzb25hbGl6ZWREZW1vX05vbmVfSGVhZGxpbmUlM0FUaGVFYXN5V2F5VG9TcGVlZFVwWW91clRlYW1zUmVsZWFzZUN5Y2xlc19fX19OZXdzbGV0dGVyLVByaW1hcnlQbGFjZW1lbnRfMjAyNTA3MTRfdjFfJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fc291cmNlPWJ5dGVzJnV0bV90ZXJtPWJvZHktUUFXb2xm" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655823"&gt;QA Wolf&lt;/a&gt; did for Thirty Madison, and &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/9qhzhdudl0o00kf9/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9jYXNlLXN0dWRpZXMvdGhpcnR5LW1hZGlzb24_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9DdXRRQUN5Y2xlc18yMDI1MDcxNC1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9Q3V0UUFDeWNsZXNfU2V0VXBZb3VyT3duUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBVGhlRWFzeVdheVRvU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUwNzE0X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1ib2R5LVRoZVJlc3VsdHM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655824"&gt;the results&lt;/a&gt; are pretty incredible:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Increased test cases by 10x in one year&lt;/li&gt;
&lt;li&gt;Saved $1 million per year in QA engineering costs&lt;/li&gt;
&lt;li&gt;Saved developers 20% more time from slow QA cycles&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/3ohphdu3n0e00otr/aHR0cHM6Ly93d3cucWF3b2xmLmNvbS9jYXNlLXN0dWRpZXMvdGhpcnR5LW1hZGlzb24_dXRtX2NhbXBhaWduPUFDUV9BbGxfRGVtb19Db252ZXJzaW9uc19fTmV3c2xldHRlckF1ZGllbmNlXy1fTmV3c2xldHRlcl9DdXRRQUN5Y2xlc18yMDI1MDcxNC1Ob25lX0V4cGVyaW1lbnQtRkFMU0UmdXRtX2NvbnRlbnQ9Q3V0UUFDeWNsZXNfU2V0VXBZb3VyT3duUGVyc29uYWxpemVkRGVtb19Ob25lX0hlYWRsaW5lJTNBVGhlRWFzeVdheVRvU3BlZWRVcFlvdXJUZWFtc1JlbGVhc2VDeWNsZXNfX19fTmV3c2xldHRlci1QcmltYXJ5UGxhY2VtZW50XzIwMjUwNzE0X3YxXyZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT1ieXRlcyZ1dG1fdGVybT1ib2R5LVdhdGNoVGhlQ2FzZVN0dWR5" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655825"&gt;Watch the case study&lt;/a&gt; to see the CTO of Thirty Madison share exactly how QA Wolf did it.&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;Or, &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/n2hohquvkmzmmxh6/aHR0cHM6Ly93d3cucWF3b2xmLmNvbQ==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655826"&gt;set up your own personalized demo&lt;/a&gt; to learn how they could help your team.&lt;/p&gt;
&lt;hr style="border: 0; border-bottom: 5px solid; border-color: #f5f5f5; margin-bottom: 100px; margin-top: 100px;"&gt;
&lt;div style="text-align:center;margin-bottom:36px"&gt;
&lt;img width="110" src="https://bytes.dev/images/content/cool-bits.png" alt="Cool Bits logo" style="max-width: 100%;"&gt;&lt;h2 style="font-family: Paytone One, sans-serif; font-size: 28px; margin-top: 10px; text-transform: uppercase;"&gt;Cool Bits&lt;/h2&gt;
&lt;/div&gt;
&lt;ol&gt;
&lt;li&gt;
&lt;p style="font-family: Outfit, sans-serif; font-size: 17px; line-height: 1.5;"&gt;Miguel Salinas used AI to analyze &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/48hvh7umnv4vv9tx/aHR0cHM6Ly9jYW1lbGFpLmNvbS9ibG9nL2huLWRhdGFiYXNlLWh5cGUv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655827"&gt;database trends through 1.8 million Hacker News headlines&lt;/a&gt;. If there’s anything that could radicalize AI to turn against humanity, forcing it to read millions of HN posts has got to be in the top 5.&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 Callstack team just announced that &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/wnh2h6uq3nennvu7/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2Fubm91bmNpbmctbm9kZS1hcGktc3VwcG9ydC1mb3ItcmVhY3QtbmF0aXZl" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655828"&gt;they’re bringing &lt;code style="font-size: 14px;"&gt;Node-API&lt;/code&gt; support to React Native&lt;/a&gt;.&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;CodeRabbit’s &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/reh8h9ume4g44es2/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvYnl0ZXM=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655829"&gt;free VS Code extension&lt;/a&gt; gives you line-by-line AI code reviews right in your IDE. It’s like having a senior developer give you feedback on every line of code, then provide one-click fix suggestions, so you can clean up your mistakes fast. [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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/08hwhgu2kv3vv7ul/aHR0cHM6Ly9qc2RhdGUud3RmLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655830"&gt;jsdate.wtf&lt;/a&gt; is a fun little quiz to help you see how well you know JavaScript &lt;code style="font-size: 14px;"&gt;Date&lt;/code&gt; class. Not to be confused with &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/8ghqh3uoxzmzzgtk/aHR0cHM6Ly9wb2tpLmNvbS9lbi9nL3RoZS1pbXBvc3NpYmxlLXF1aXo=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655831"&gt;The Impossible Quiz&lt;/a&gt; that every middle-school kid was obsessed with in early 2000s.&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/vqh3hmuodlzllpcg/aHR0cHM6Ly9ibG9nLnNlbnRyeS5pby9hbi1vcGVuLXNvdXJjZS1zZGstZm9yLWZpbmRpbmctZGVhZC1jb2RlLw==" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655832"&gt;Reaper&lt;/a&gt; is an open-source SDK for finding dead code and &lt;del&gt;claiming its soul for the dark lord&lt;/del&gt; deleting it.&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/l2heh6ulze8eels6/aHR0cHM6Ly9sYW5nZmEuc3QvbmV3" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655833"&gt;LangFast&lt;/a&gt; is a JSFiddle-style playground to test and share AI prompts.&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/m2h7h6u37vdvvmtm/aHR0cHM6Ly93d3cuZGF0YWRvZ2hxLmNvbS9yZXNvdXJjZXMvc3RhdGUtb2YtZGV2c2Vjb3BzLTIwMjUvP3V0bV9jYW1wYWlnbj1kZy1zZWN1cml0eS13dy1zdGF0ZS1vZi1kZXZzZWNvcHMtMjUtYnl0ZXMmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9Ynl0ZXNkZXY=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655834"&gt;The State of DevSecOps report&lt;/a&gt; takes real-world data from thousands of organizations to uncover key findings like how deployment frequency impacts out-of-date dependencies, what security risks are most common right now, and more. [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;James Sinclair wrote about &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/dphehmuemvlvv5cm/aHR0cHM6Ly9qcnNpbmNsYWlyLmNvbS9hcnRpY2xlcy8yMDI1L3doYXRzLXRoZS1kaWZmZXJlbmNlLWJldHdlZW4tbmFtZWQtZnVuY3Rpb25zLWFuZC1hcnJvdy1mdW5jdGlvbnMv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655835"&gt;the difference between ordinary functions and arrow functions in JavaScript&lt;/a&gt;. It’s a good article, and James’s website makes it feel like you’re reading about JavaScript in an old-timey saloon while waiting for your next shift building the Union Pacific Railroad.&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;Two guys in Michigan hated using Comcast so much that they &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/e0hph0u7268665h8/aHR0cHM6Ly9hcnN0ZWNobmljYS5jb20vdGVjaC1wb2xpY3kvMjAyNS8wNy90d28tZ3V5cy1oYXRlZC11c2luZy1jb21jYXN0LXNvLXRoZXktYnVpbHQtdGhlaXItb3duLWZpYmVyLWlzcC8=" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655836"&gt;built their own fiber ISP&lt;/a&gt; to compete with it. The heroes we deserve.&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;METR (a nonprofit AI research org) just published their study results on &lt;a href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/7qh7h2u9mqrqqduz/aHR0cHM6Ly9tZXRyLm9yZy9ibG9nLzIwMjUtMDctMTAtZWFybHktMjAyNS1haS1leHBlcmllbmNlZC1vcy1kZXYtc3R1ZHkv" style="color: #12b5e5; font-weight: 600; text-decoration: underline;" url-id="1764655837"&gt;how AI tools affect the productivity of experienced open-source developers working on their own repositories&lt;/a&gt;. Turns out, AI made them 19% slower. Great work everyone, see you next week.&lt;/p&gt;
&lt;/li&gt;
&lt;/ol&gt;
&lt;div style="text-align:center;padding-bottom:80px;padding-top:80px"&gt;
&lt;div class="bg-alt" style="background-color: #f5f5f5; border-radius: 16px; margin-bottom: 40px; padding: 24px;"&gt;&lt;div style="margin-top:-40px"&gt;
&lt;img src="https://bytes.dev/images/bytes-icon.png" alt="Bytes" width="55px" style="max-width: 100%; width: 55px;"&gt;&lt;h5 style="font-size:18px;font-weight:400;margin-bottom:24px"&gt;Want us to say nice things &lt;br&gt; about your company?&lt;/h5&gt;
&lt;div style="margin-bottom:16px"&gt;&lt;a style="background-color: #FCBA28; border: 1px solid #231F20; border-radius: 100px; color: #231F20; font-size: 14px; font-weight: 600; padding: 8px 14px; text-decoration: none;" href="https://click.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/owhkhwuw7p2pppcv/aHR0cHM6Ly9ieXRlcy5kZXYvYWR2ZXJ0aXNl" url-id="1764655838"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/z2hgh7ue8nqnn6hp/aHR0cHM6Ly9ieXRlcy5kZXYvc2hhcmU=" url-id="1764655839"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/p8hehqu4lmnmmobq/aHR0cHM6Ly91aS5kZXY=" url-id="1764655840"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn/x0hph3uelo5oo6i5/aHR0cHM6Ly9ieXRlcy5kZXYvdW5zdWJzY3JpYmU=" style="color: #9B9890;" url-id="1764655841"&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.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn"&gt;Unsubscribe&lt;/a&gt;&lt;/span&gt;
&lt;!-- --&gt;
&lt;img src="https://open.convertkit-mail4.com/e5u6n6ew55c7hlke9dwa8h8d3e022clhzrqn" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
