<!DOCTYPE html>
<html style="font-family:Helvetica, Arial, sans-serif">
<head style="font-family:Helvetica, Arial, sans-serif">
<!--[if mso]>
<center>
<table><tr><td width="660">
<![endif]-->
<style style="font-family:Helvetica, Arial, sans-serif">.ck-link { text-decoration: underline; }</style>
<style style="font-family:Helvetica, Arial, sans-serif">@media only screen { .email * { word-break: break-word; } }
@media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="font-family:Helvetica, Arial, sans-serif">
<style>a:hover{color:#1b8ede;border-bottom-color:#1b8ede}
.button:hover{color:#fff;background:#666}</style>
</head>
<body style="font-family:Helvetica, Arial, sans-serif">
<div class="message-content" style="font-size:16px;line-height:1.4em;color:#333333;max-width:660px;margin:8px auto;padding:0 8px;font-family:Helvetica, Arial, sans-serif">
<table cellpadding="0" cellspacing="0" style="font-family:Helvetica, Arial, sans-serif;width:100%;margin:0 auto"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td style="font-family:Helvetica, Arial, sans-serif">
<p style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;text-align:center;font-size:12px" class=""><a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/z2hgh7ue28zrkrtzu0/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL25ld3NsZXR0ZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219380"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;font-size:12px">🌐 Read Online </span></a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Hi everyone, <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/p8hehqu4wle52lhru3/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219381">Seb</a> and <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/x0hph3uevlmdp7sgul/aHR0cHM6Ly94LmNvbS9qYXdvcmVrMzIxMQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219382">Jan</a> here 👋!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">This week, we're shining a spotlight on the upcoming React Fragment ref feature. We also have React Compiler updates, StyleX community discussions and a boring React Router release.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">On the React Native side, Renimated gets CSS pseudo-selector support and widget libraries gain momentum. VisionCamera unlocks new real-time processing capabilities with impressive demos.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Let's dive in!</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">💸 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Sponsor</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/6qhehoul8d465pa9uk/aHR0cHM6Ly9mYW5kZi5jby80M3U1dmdN" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1865219383"><img src="https://thisweekinreact.com/emails/issues/287/amazon.jpg" alt="React Native Devs Are Sleeping on TV " width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/6qhehoul8d465pa9uk/aHR0cHM6Ly9mYW5kZi5jby80M3U1dmdN" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219383">React Native Devs Are Sleeping on TV </a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">You’ve optimized for mobile. Maybe tablet. But the big screen might feel intimidating. Amazon Devices Builder Tools (ADBT) for AI gives your agent (Claude, Cursor, Kiro) Fire TV context for onboarding, performance debugging, and crash analysis, so you can resolve blockers and ship apps for Fire TV faster.</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">⚛️ </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/kkhmh2un03p25lbku7/aHR0cHM6Ly9yZWFjdC5kZXYvcmVmZXJlbmNlL3JlYWN0L0ZyYWdtZW50" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1865219384"><img src="https://thisweekinreact.com/emails/issues/287/ref.jpg" alt="React Docs - <Fragment ref>" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/kkhmh2un03p25lbku7/aHR0cHM6Ly9yZWFjdC5kZXYvcmVmZXJlbmNlL3JlYWN0L0ZyYWdtZW50" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219384">React Docs - <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><Fragment ref></code></a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">In an upcoming version of React, the <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">ref</code> prop will expose a new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">FragmentInstance</code> type that lets you interact with the fragment's first-level children, unlocking new composition patterns. This exciting feature has just been documented more exhaustively, including 5 example use cases to get inspired by.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">This feature is already available in Canary, has gone through extensive testing in production, and is <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/58hvh8ugdzwongt7u4/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0L3JlYWN0L3B1bGwvMzQ3MjA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219385">likely scheduled for React v19.3</a>.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Note that React Native will also get a similar feature (<a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/25h2h9u3pex084t8u4/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0L3JlYWN0LW5hdGl2ZS13ZWJzaXRlL3B1bGwvNTAxMg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219386">draft docs PR</a>). I don’t know if React / React Native will have full feature parity, but it’s clear that this will enable cross-platform usage on at least a subset of these APIs.</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:600px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" width="600" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:600px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">💸 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/qvh8h8udm0324nhguk/aHR0cHM6Ly9zdmFyLmRldi9yZWFjdC9nYW50dC8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj1qdW5lXzIwMjY=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219387">SVAR React Gantt Chart - Try React Gantt component for project scheduling with dependencies, critical path, and resource planning</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">👀 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/g3hnhwum8k2olxs3u9/aHR0cHM6Ly9naXRodWIuY29tL292ZW4tc2gvYnVuL3B1bGwvMzI1MDQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219388">Bun PR - React Compiler integration</a> - The upcoming Bun 1.4 should come with a <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">bun build --react-compiler</code> flag that runs the React Compiler in Rust, up to 20x faster than the Babel variant.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🐦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/9qhzhdudvl8364izu3/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXIvc3RhdHVzLzIwNjk2NzA1NzM1NTUyNDk0OTg=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219389">The React Compiler in Rust, removed from Rolldown/Vite</a> - The React Compiler in Rust needs to be integrated natively into Oxc to maximize performance, rather than shipped as a plugin. Unfortunately, this increased the binary size too much for all Rolldown/Vite users, so the integration has been temporarily withdrawn while it gets slimmed down.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/3ohphdu35n8920bpun/aHR0cHM6Ly93d3cuc2tvdmh1cy5kZXYvYmxvZy9tb3ZpbmctbGluZWFyLWZyb20tc3R5bGVkLWNvbXBvbmVudHMtdG8tc3R5bGV4" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219390">Moving Linear from styled‑components to StyleX</a> - The Linear team has been looking to adopt an alternative to Styled Components (in maintenance mode). They settled on StyleX for its static extraction, minimal runtime, strong encapsulation, deterministic style resolution, ecosystem, developer and agent experience. They use an incremental migration strategy using AI and codemods.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/n2hohquv9k45xqb0ug/aHR0cHM6Ly90YW5zdGFjay5jb20vYmxvZy90YW5zdGFjay10YWJsZS12OS1tZW1vcnktcGVyZm9ybWFuY2U=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219391">How an Underrated Refactor Saved 90% Memory Usage</a> - TanStack Table v9 significantly reduced memory usage for large tables by migrating row object methods to shared prototypes.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/48hvh7umdn3qp8uqu7/aHR0cHM6Ly9uZXdzbGV0dGVyLmRhaXNoaWthdG8uY29tL3Avd2FrdS1zLXVuaXF1ZS1mZWF0dXJlLXNsaWNlcw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219392">Waku’s Unique Feature: Slices</a> - A short intro to Slices, a unique Waku feature inspired by Gatsby, easy to understand and yet quite powerful.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/wnh2h6uq23dvkpalux/aHR0cHM6Ly9kZXYudG8vc3ViaXRvL2hvdy13ZS1jdXQtc2xvdy1yZXNwb25zZXMtYnktODAtbWlncmF0aW5nLXRvLW5leHRqcy1hcHAtcm91dGVyLTM3ZGE=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219393">How We Cut Slow Responses by 80% Migrating to Next.js App Router</a> - The leading Italian classifieds marketplace upgraded from the Pages Router to the App Router, using an incremental side-by-side strategy</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/reh8h9umlepv3lf6u6/aHR0cHM6Ly9uZWNpdWRhbi5kZXYvY29tcG9uZW50LWNvbW11bmljYXRpb24tcGF0dGVybnMtaW4tcmVhY3Q=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219394">Component Communication Patterns in React Applications</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">💸 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/08hwhgu26k4w93cpu5/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3JlYWN0LW5hdGl2ZS13b3Jrc2hvcC0yMDI2Lz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdCZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9jYW1wYWlnbj1tb2JpbGUtZnkyN3EyLXJlYWN0bmF0aXZld29ya3Nob3AmdXRtX2NvbnRlbnQ9bmV3c2xldHRlci1yZWFjdC1saW5rLXNpbW9uLWdyaW1tLXJlZ2lzdGVy" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219395">Sentry - Join Simon Grimm as he triages a real React Native crash live in production using replays, logs, and Seer</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/8ghqh3uo6x8p2rilu9/aHR0cHM6Ly9yZW1peC5ydW4vYmxvZy9yZWFjdC1yb3V0ZXItdjg=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219396">React Router 8.0 - Turns v8 future flags on, ESM-only, upgrades React/Vite/Node min versions</a> - This release is “boring” on purpose to make the upgrade easy. It essentially enables by default behavior changes that were previously released as opt-in future flags in v7. React Server Component are still being worked on and unstable.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/vqh3hmuo9d63vqfwul/aHR0cHM6Ly9naXRodWIuY29tL2FpZGVueWJhaS9jbmZhc3Q=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219397">cnfast - Fast drop-in replacement for <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">clsx</code> + <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">tailwind-merge</code></a> - Tailwind users, maybe this hasn’t crossed your mind, but using <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">tailwind-merge</code> means you’ve added a <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/l2heh6ulmzpvnptgu0/aHR0cHM6Ly94LmNvbS9qamVuenovc3RhdHVzLzIwNjgwMTg4NDQyMjkwODc0MDA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219398">quite slow runtime CSS-in-JS layer</a> to your React app. This new project is a 4x faster alternative, although it remains a bottleneck.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/m2h7h6u367x0qrbluq/aHR0cHM6Ly9zdHlsZXhqcy5jb20vYmxvZy92MC4xOS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219399">StyleX 0.19 - Inline atomic styles, ESLint 10 compatibility, expands shorthand autofixes</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/dphehmue9mxwkzslu4/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC9vdmVydmlldy9yZWxlYXNlcy92MS02LTA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219400">Base UI 1.6 - OTPField stable, Drawer improvements, Combobox perf, docs redesign, many fixes</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/e0hph0u732zwepi7u2/aHR0cHM6Ly93d3cucmVtb3Rpb24uZGV2L2RvY3MvZWZmZWN0cw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219401">Remotion 4.0.464 - Composable effects for canvas-based components</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/7qh7h2u92mep86i9u6/aHR0cHM6Ly9yZWFjdC1hcmlhLmFkb2JlLmNvbS9yZWxlYXNlcy92MS0xOS0w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219402">React Aria 1.19 - Autocomplete @mentions, support Popover position relative to cursor</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/owhkhwuwm7elnncqur/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0LWhvb2stZm9ybS9yZWFjdC1ob29rLWZvcm0vcmVsZWFzZXMvdGFnL3Y3LjgwLjA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219403">React Hook Form 7.80 - <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">useFieldArray({disabled})</code>, perf improvements</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/z2hgh7ue28zr7ruzu0/aHR0cHM6Ly9mb3Jlc2lnaHRqcy5jb20v" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219404">ForesightJS 4.0 - Predicts user intent based on mouse/keyboard inputs - First-class React integration</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/p8hehqu4wle5dlcru3/aHR0cHM6Ly9wb2x5Y3NzLmNvbS8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219405">PolyCSS - CSS 3D engine for the DOM, with React bindings</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🎥 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/x0hph3uevlmdz7fgul/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1GbmVTN3RDV0JNVQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219406">Lucas Barake - React Hooks Are Just a Linked List</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🎥 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/6qhehoul8d46wpt9uk/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1jU0RLa0RfNmtDbw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219407">Simeon Griggs - Next.js 16.3 got good (if you care)</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🎙️ <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/kkhmh2un03p2elcku7/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1ZVnMyS1d2TWpMTQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219408">Señors at Scale - Newsletters with Sebastian Lorber: RSS Curation, Acquisition, RSC</a> - I give you a glimpse behind the scenes of this newsletter!</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">💸 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Sponsor</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/58hvh8ugdzwo0gu7u4/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnEyJnV0bV9jb250ZW50PTJuZA==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1865219409"><img src="https://thisweekinreact.com/emails/issues/282/meticulous.jpg" alt="Ship AI generated code safely with Meticulous." width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/58hvh8ugdzwo0gu7u4/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnEyJnV0bV9jb250ZW50PTJuZA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219409">Ship AI generated code safely with Meticulous.</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Claude writes your code. Claude reviews your code. Claude fixes the review comments. And somehow, <em style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">you're</em> the one getting paged at 2am when it breaks in prod.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Fortunately, top AI-driven teams like Dropbox, Notion, LaunchDarkly, and Wiz rely on Meticulous to run 1000s of e2e UI tests autonomously, covering every user flow, edge case, role and permutation. Built by ex-Palantir engineers, <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/25h2h9u3pex0g4u8u4/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnEyJnV0bV9jb250ZW50PTFzdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219410">Meticulous gives you near-exhaustive coverage in weeks, without any developer effort</a>. </p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">It works like magic in the background:</p>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Near-exhaustive coverage on every test run</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">No test creation</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">No maintenance (seriously)</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Zero flakes (built on a deterministic browser)</span></li>
</ul>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Check it out</strong> - and see why one engineering leader at Dropbox said that “<a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/n2hohquv9k45gqc0ug/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnEyJnV0bV9jb250ZW50PTFzdCM6fjp0ZXh0PU9uY2UlMjB3ZSUyMHN0YXJ0ZWQlMjB1c2luZyUyME1ldGljdWxvdXMlMkMlMjB3ZSUyMGNvdWxkbiUyN3QlMjBpbWFnaW5lJTIwd29ya2luZyUyMHdpdGhvdXQlMjBpdC4=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219415">once we started using Meticulous, we couldn’t imagine working without it</a>.”</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">📱 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React-Native</strong></u>
</h2>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">💸 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/wnh2h6uq23dv4ptlux/aHR0cHM6Ly9nby5wb3N0aG9nLmNvbS90d2lyLWp1bjI0" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219417">PostHog - We put PostHog in Slack and now everyone's an engineer</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/08hwhgu26k4wx3fpu5/aHR0cHM6Ly9ibG9nLm1hcmdlbG8uY29tL2J1aWxkaW5nLXZpZGVvY2FsbC1hcHAtd2l0aC1maWx0ZXJz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219419">Building a Video Call App with Filters</a> - A deep dive from Margelo into using VisionCamera and WebRTC to build a communication app with real-time image processing. The demos are impressive and clearly push the limits of what we can do in React Native today.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/vqh3hmuo9d634qhwul/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL3dyaXRpbmctY3VzdG9tLXJlbmRlcmVycy1mb3ItcmVhY3Q=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219421">Writing Custom Renderers for React</a> - The maintainer of React Native Testing Library had to create a custom renderer after React v19 deprecated its own React Test Renderer. He explains how he did so, and how the React Native reconciler differs from the DOM reconciler.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/m2h7h6u367x09rcluq/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2lvcy13aWRnZXRzLWFuZC1saXZlLWFjdGl2aXRpZXMtaW4tZXhwbw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219423">iOS widgets and Live Activities are stable in Expo SDK 56</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/e0hph0u732zwwpb7u2/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2hvdy10by1hcHBseS1wcm9mZXNzaW9uYWwtZGVzaWduLXByaW5jaXBsZXMtaW4tYWktYXBwLWRldmVsb3BtZW50" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219425">How to apply professional design principles in AI app development</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">💸 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/7qh7h2u92mepp6b9u6/aHR0cHM6Ly93d3cuZHJpenouZGV2Lz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdCZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPXdhdmUxX3Ju" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219426">Drizz - Test your React Native app visually with AI. No locators, no flaky selectors, one suite for both platforms</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/owhkhwuwm7ellniqur/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLXJlYW5pbWF0ZWQvcmVsZWFzZXMvdGFnLzQuNS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219427">Reanimated 4.5 - CSS Animations pseudo-selectors, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><SharedTransitionBoundary></code>, Core Animation for shadow/background/border</a> - You can now use <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">:hover</code>, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">:active</code>, and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">:focus</code> in your CSS animations the same way you would in a browser.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/z2hgh7ue28zrrrizu0/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci92b2x0cmEvcmVsZWFzZXMvdGFnL3YyLjAuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219428">Voltra 2.0 - Rewrite from Expo Modules to Turbo Modules, now works with bare RN, modular packages for smaller server install</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/p8hehqu4wle55liru3/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0L21ldHJvL3JlbGVhc2VzL3RhZy92MC44NS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219429">Metro 0.85 - Require Node 22+, resolution self-referencing, perf and various fixes</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/x0hph3uevlmdd7tgul/aHR0cHM6Ly9naXRodWIuY29tL3p5a2Vjby9yZWFjdC1uYXRpdmUtYmxlLW5pdHJvL3JlbGVhc2VzL3RhZy92MS4xNC4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219430">Nitro BLE 1.14 - Advertised service data is now exposed on scan results</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/kkhmh2un03p22liku7/aHR0cHM6Ly9naXRodWIuY29tL0V2YW5CYWNvbi9zZXJ2ZS1zaW0=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219432">Serve Sim - The npx serve of Apple Simulators</a> - Hosts iOS Simulators for use with agent tools.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/58hvh8ugdzwooga7u4/aHR0cHM6Ly9naXRodWIuY29tL3dhdGFkYXJrc3Rhci9yZWFjdC1uYXRpdmUtbnNmdy1kZXRlY3Rvcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219433">NSFW Detector - On-device CoreML model to detect nudity and unsafe visual content in images</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/25h2h9u3pex004a8u4/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0LW5hdGl2ZS13ZWJ2aWV3L3JlYWN0LW5hdGl2ZS13ZWJ2aWV3L3JlbGVhc2VzL3RhZy92MTQuMC4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219434">WebView 14.0 - Drops Android <7.0 support, 13.17 adds <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">removeIosKeyboardObserver</code> prop</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/qvh8h8udm0322nfguk/aHR0cHM6Ly9naXRodWIuY29tL0FwcEFuZEZsb3cvcmVhY3QtbmF0aXZlLXRyYW5zZm9ybWVyLXRleHQtaW5wdXQvcmVsZWFzZXMvdGFnL3YwLjQuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219435">Transformer Text Input 0.4 - Add Web support</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/g3hnhwum8k2ooxh3u9/aHR0cHM6Ly9naXRodWIuY29tL2dldHNlbnRyeS9zZW50cnktcmVhY3QtbmF0aXZlL3JlbGVhc2VzL3RhZy84LjE1LjA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219436">Sentry 8.15 - NativeLinkedErrors JVM stack traces, record XHR headers/bodies in Mobile Session Replay</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/9qhzhdudvl8334czu3/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLXJlYW5pbWF0ZWQvcmVsZWFzZXMvdGFnL3dvcmtsZXRzLTAuMTAuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219437">Worklets 0.10 - Bundle Mode stable, API for module import forwarding, ArrayBufferView native serialization</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/3ohphdu35n8990ipun/aHR0cHM6Ly9naXRodWIuY29tL2t1YXRzdS9yZWFjdC1uYXRpdmUtYm9vc3QvcmVsZWFzZXM=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219438">Boost 1.2-4 - Babel optimizing plugin - Text optimizations, translate View accessibility props, style inlining</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/n2hohquv9k455qi0ug/aHR0cHM6Ly9zaGVldC5sb2RldjA5LmNvbS9ibG9nL3JlbGVhc2UtMy0xMQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219439">True Sheet 3.11 - Web renderer rewrite, iOS accessibility improvements, Android gesture fixes</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/48hvh7umdn3qq8hqu7/aHR0cHM6Ly9naXRodWIuY29tL0xlZ2VuZEFwcC9sZWdlbmQtbGlzdC9yZWxlYXNlcy90YWcvdjMuMS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219440">Legend List 3.1 - Experimental adaptive rendering during scroll, setItemSize API, sticky header fixes</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/wnh2h6uq23dvvpulux/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24tbGFicy9yZWFjdC1uYXRpdmUtbmFuby1pY29ucy9yZWxlYXNlcy90YWcvdjAuMi4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219441">Nano Icons 0.2 - tvOS support, dynamic font linking, web specific createIconSet, RN 0.79 compat, a11y props</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/reh8h9umlepvvli6u6/aHR0cHM6Ly9naXRodWIuY29tL2hyeWhvcmlpSzk3L2V4cG8tcGFwZXJraXQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219442">Expo PaperKit - Apple PaperKit for Expo/React Native</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/vqh3hmuo9d633qhwul/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9yb3plbml0ZS9yZWxlYXNlcy90YWcvdjEuMTMuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219445">Rozenite 1.13 - getTree/getComponent agent tools, Redux improvements</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🎙️ <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/l2heh6ulmzpvvpagu0/aHR0cHM6Ly9pbmZpbml0ZS5yZWQvcmVhY3QtbmF0aXZlLXJhZGlvL3Juci0zNjYtc2VjdXJpbmctcmVhY3QtbmF0aXZlLWFwcHMtaW4tdGhlLWFpLWVyYQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219446">RNR 366 - Securing React Native Apps in the AI Era</a> - discussion about AI-powered security threats, practical ways to secure RN apps, and reduce risk</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">🔀 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Other</strong></u>
</h2>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">👀 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/e0hph0u732zw2pu7u2/aHR0cHM6Ly9kcmFmdHMuY3Nzd2cub3JnL2Nzcy1saW5rLXBhcmFtcy0xLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219449">CSS Linked Params</a> - This early W3C spec from Google/Mozilla solves a long-standing limitation, letting you pass CSS values into external linked resources. This means you can customize <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><img src=”icon.svg”></code> with CSS.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📜 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/owhkhwuwm7el7nfqur/aHR0cHM6Ly93d3cuamF5ZnJlZXN0b25lLmNvbS93cml0aW5nL3NoYXJlLXRoZS1wb2xpY3ktbm90LXRoZS1jb2RlLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219451">Ship the policy, not the code</a> - Instead of duplicating business logic across frontend/backend, you can use an isomorphic rules engine (such as <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/p8hehqu4wle5llbru3/aHR0cHM6Ly9jYXNsLmpzLm9yZy92Ny9lbi8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219453">CASL</a>) and let the backend serialize the rules to the frontend.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/6qhehoul8d46dpa9uk/aHR0cHM6Ly92aXRlLmRldi9ibG9nL2Fubm91bmNpbmctdml0ZTgtMQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219455">Vite 8.1 - Experimental Bundled Dev Mode, Chunk Import Map, Wasm ESM integration</a> - It’s now possible to use the “Full Bundle Mode” in dev and get much faster startup/HMR in very large apps.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/58hvh8ugdzwozgt7u4/aHR0cHM6Ly9hc3Ryby5idWlsZC9ibG9nL2FzdHJvLTcv" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219457">Astro 7.0 - Vite 8, Rolldown, and Rust to process <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">.astro</code> , <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">.md</code>, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">.mdx</code> files, Advanced Routing, Route Caching, and more</a> - All about speed, Astro builds are now ~61% faster!</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/qvh8h8udm0320nhguk/aHR0cHM6Ly9kZXZibG9ncy5taWNyb3NvZnQuY29tL3R5cGVzY3JpcHQvYW5ub3VuY2luZy10eXBlc2NyaXB0LTctMC1yYy8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219459">TypeScript 7.0 RC</a> - The faster Go rewrite is almost production-ready; the upgrade should be relatively easy. TS7 can be run alongside TS6.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/9qhzhdudvl83l4izu3/aHR0cHM6Ly9udWJqcy5jb20vYmxvZy9pbnRyb2R1Y2luZy1udWI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219461">Nub - An all-in-one toolkit for Node.js</a> - A Rust CLI that augments the Node instead of replacing it, adding Bun's best features on top of it.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/n2hohquv9k45kqb0ug/aHR0cHM6Ly9zaGFycC5waXhlbHBsdW1iaW5nLmNvbS9jaGFuZ2Vsb2cvdjAuMzUuMC8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219463">Sharp 0.35 - Remove install script</a> - The popular image processing library now ships with pre-built binaries. This aligns with package managers now blocking install scripts by default, and other projects (<a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/wnh2h6uq23dv3pblux/aHR0cHM6Ly9naXRodWIuY29tL3N3Yy1wcm9qZWN0L3N3Yy9pc3N1ZXMvMTE4OTg=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219465">SWC</a>, <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/08hwhgu26k4wk3apu5/aHR0cHM6Ly9naXRodWIuY29tL2V2YW53L2VzYnVpbGQvaXNzdWVzLzQ0NzU=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219467">esbuild</a>) are considering doing the same.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/8ghqh3uo6x8pxrclu9/aHR0cHM6Ly9naXRodWIuYmxvZy9jaGFuZ2Vsb2cvMjAyNi0wNi0xOC1zYWZlci1wdWxsX3JlcXVlc3RfdGFyZ2V0LWRlZmF1bHRzLWZvci1naXRodWItYWN0aW9ucy1jaGVja291dC8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219468">actions/checkout 7.0 - Prevents common <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">pull_request_target</code> pwn request patterns</a> - Good news for supply chain security. GitHub tightened security for this popular action, refusing to check out pull request code unless you opt in with <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">allow-unsafe-pr-checkout: true</code>. This attack vector recently led to many compromised npm packages, including TanStack, Nx, PostHog, LiteLLM, and more.</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">🤭 </strong><strong style="font-family:Helvetica, Arial, sans-serif"><u style="font-family:Helvetica, Arial, sans-serif">Fun</u></strong>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/l2heh6ulmzpvzpugu0/aHR0cHM6Ly9ic2t5LmFwcC9wcm9maWxlL2thbXJhbmljdXMuY29tL3Bvc3QvM21vandxd21jbzIyNA==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1865219470"><img src="https://thisweekinreact.com/emails/issues/287/meme.jpg" alt="alt" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/m2h7h6u367x07rbluq/aHR0cHM6Ly94LmNvbS9zZWNvbmRmcmV0L3N0YXR1cy8yMDY3MzQ4OTI1ODU4OTM0OTk5" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1865219471"><img src="https://thisweekinreact.com/emails/issues/287/meme2.jpg" alt="alt" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">See ya! 👋</p>
</td></tr></tbody></table>
<div class="footer-social" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;border-top:1px dotted #888;padding:20px 0px;padding-bottom:10px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif">
<a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/p8hehqu4wle52lhru3/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXI=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;padding:0px 20px" url-id="1865219381"><img src="https://thisweekinreact.com/social/x.png" alt="X / Twitter link" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;width:48px;height:48px"></a>
<a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/e0hph0u732zwnpa7u2/aHR0cHM6Ly93d3cubGlua2VkaW4uY29tL2luL3NlYmFzdGllbmxvcmJlci8=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;padding:0px 20px" url-id="1865219473"><img src="https://thisweekinreact.com/social/linkedin.png" alt="LinkedIn link" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;width:48px;height:48px"></a>
<a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/7qh7h2u92mep46c9u6/aHR0cHM6Ly93d3cuaW5zdGFncmFtLmNvbS90aGlzd2Vla2lucmVhY3Qv" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;padding:0px 20px" url-id="1865219474"><img src="https://thisweekinreact.com/social/instagram.png" alt="Instagram link" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;width:48px;height:48px"></a>
</td></tr></table>
</div>
<div class="footer" style="font-size:16px;line-height:1.4em;color:#333333;border-top:1px dotted #888;padding:20px 0px;font-family:Helvetica, Arial, sans-serif;color:#aaa;font-size:14px;padding-bottom:10px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif">
💔 <a href="https://76518bdd.unsubscribe.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Unsubscribe</a> |
⚙️ <a href="https://preferences.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Email Preferences</a> |
💸 <a href="https://76518bdd.click.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx/owhkhwuwm7el8nhqur/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1865219475">Advertise</a>
</td></tr></table>
</div>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
<!-- -->
<img src="https://76518bdd.open.convertkit-mail4.com/92u4m46wreanh6oxk3nh9hzq2n2z8swh285rx" alt="" style="font-family:Helvetica, Arial, sans-serif">
</body>
</html>