<!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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/08hwhgu26rm323hpu5/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="1868670379"><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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/8ghqh3uo6ngmorclu9/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="1868670380">Seb</a> and <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/vqh3hmuo9rnzoqswul/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="1868670381">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">Things are relatively calm on the React side this week, but it's still worth highlighting Base UI becoming the default headless lib in shadcn, and Vinext getting close to production-ready.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">On the mobile side, React Native 0.87 went full Marie Kondo. We also have a nice preview of React Navigation 8 and the relentless stream of AI tooling updates.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">TypeScript 7.0 is out, and it's 10x faster. Ecma has officially approved ES2026, and HTTP is finally getting its long-awaited QUERY method.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Enjoy!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">As always, thanks for supporting us on your favorite platform:</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">🦋 <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/l2heh6ulm7o8lpagu0/aHR0cHM6Ly9zbG8uaW0vbGFzdC9i" 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="1868670382">Bluesky</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/m2h7h6u36zod3rcluq/aHR0cHM6Ly9zbG8uaW0vbGFzdC94" 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="1868670383">X / Twitter</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/dphehmue9nql8zflu4/aHR0cHM6Ly9zbG8uaW0vbGFzdC9s" 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="1868670384">LinkedIn</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/e0hph0u73ok8qpb7u2/aHR0cHM6Ly9zbG8uaW0vbGFzdC9y" 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="1868670385">Reddit</a></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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/7qh7h2u9250rw6b9u6/aHR0cHM6Ly9ibG9nLnNlbnRyeS5pby9uZXh0anMtZXhwb3J0LXRyYWNlcy1vcGVudGVsZW1ldHJ5Lz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdCZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9jYW1wYWlnbj1uZXh0anMtZnkyN3EyLWV2ZXJncmVlbiZ1dG1fY29udGVudD1uZXdzbGV0dGVyLWZpcnN0LXNwb25zb3ItdHJhY2VzLW90ZWwtYmxvZy1sZWFybm1vcmU=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1868670386"><img src="https://thisweekinreact.com/emails/issues/289/sentry.jpg" alt="Stop guessing why your Next.js app is slow." 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/7qh7h2u9250rw6b9u6/aHR0cHM6Ly9ibG9nLnNlbnRyeS5pby9uZXh0anMtZXhwb3J0LXRyYWNlcy1vcGVudGVsZW1ldHJ5Lz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdCZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9jYW1wYWlnbj1uZXh0anMtZnkyN3EyLWV2ZXJncmVlbiZ1dG1fY29udGVudD1uZXdzbGV0dGVyLWZpcnN0LXNwb25zb3ItdHJhY2VzLW90ZWwtYmxvZy1sZWFybm1vcmU=" 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="1868670386">Stop guessing why your Next.js app is slow.</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">When a Next.js page is slow, the hard part is figuring out <em style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">which</em> part is responsible: middleware, SSR, an API route, a database query, or an upstream <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">fetch()</code> call. 🔍</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Without a trace, you're stuck reproducing locally, adding logs, and guessing. With one, every step shows up as a span in a waterfall, so you see exactly where time went. See how to export those traces with <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">@vercel/otel</code> and decide between OTLP and the <strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Sentry SDK</strong>. <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/7qh7h2u9250rw6b9u6/aHR0cHM6Ly9ibG9nLnNlbnRyeS5pby9uZXh0anMtZXhwb3J0LXRyYWNlcy1vcGVudGVsZW1ldHJ5Lz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdCZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9jYW1wYWlnbj1uZXh0anMtZnkyN3EyLWV2ZXJncmVlbiZ1dG1fY29udGVudD1uZXdzbGV0dGVyLWZpcnN0LXNwb25zb3ItdHJhY2VzLW90ZWwtYmxvZy1sZWFybm1vcmU=" 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="1868670386">Learn more ➡️</a></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>
<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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/owhkhwuwmd42gniqur/aHR0cHM6Ly9mb3JtaXR5LmFwcC8=" 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="1868670387">Formity – Multi-step forms as programmable flows with branching, loops, jumps, and variables.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/z2hgh7ue2xoqprazu0/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC9uZXh0LmpzL2Rpc2N1c3Npb25zLzk1NTE0" 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="1868670388">Next.js RFC - First-class WebSocket support in App Router Route Handlers</a> - This proposes a <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">NextResponse.upgrade()</code> to bring WS support in Route Handlers, based on CrossWS. Note that <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/p8hehqu4wo9nglcru3/aHR0cHM6Ly92ZXJjZWwuY29tL2NoYW5nZWxvZy93ZWJzb2NrZXQtc3VwcG9ydC1pcy1ub3ctaW4tcHVibGljLWJldGE=" 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="1868670389">Vercel recently added WebSocket support</a>, and it should also work for self-hosted setups and compatible deployment adapters.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/x0hph3uev0n597hgul/aHR0cHM6Ly9wZXJmb3JtYW5jZS5kZXYvY2hhdGdwdA==" 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="1868670390">Reverse Engineering ChatGPT Web: How OpenAI Built for a Billion Users</a> - An independent analysis of the ChatGPT stack: Tailwind v4, Radix, TanStack Query, and their migration story from Next.js to React Router v7 in Framework Mode. They optimize toward making the chat input interactive as soon as possible.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/6qhehoul8epmnpa9uk/aHR0cHM6Ly9ibG9nLmxvZ3JvY2tldC5jb20vcmVhY3QtY29tcGlsZXItbWVtb2l6YXRpb24td2hhdC1hY3R1YWxseS1icm9rZS8=" 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="1868670391">I let React Compiler handle memoization: Here's what actually broke</a> - The Compiler broke the app due to React Hook Form’s <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">watch()</code> method, and Chart.js event handler got stale data. The DevTools Memo ✨ badge can be misleading: it only means the component was processed, and not necessarily perfectly optimized.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/kkhmh2un0v8k6lcku7/aHR0cHM6Ly8zcGVyZi5jb20vYmxvZy9oeWRyYXRpb24tbWlzbWF0Y2gv" 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="1868670392">Hidden Cost of Hydration Mismatches</a> - A single mismatch can push your Largest Contentful Paint (LCP) from green to red, even more if a font loads and resizes text. It’s important to fix those hydration mismatches, but <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><Suspense></code> can also limit the damage.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/7qh7h2u9250rw9s9u6/aHR0cHM6Ly9tYXN0ZXIuZGV2L2Jsb2cvY2xvdWRmbGFyZS13b3JrZXJzLWFuZC1oeXBlcmRyaXZlLXdpdGgtdGFuc3RhY2stc3RhcnQv" 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="1868670393">Using TanStack Start with Cloudflare Workers</a> - A practical 2-part intro to hosting TanStack Start on Cloudflare Workers, also explaining how to connect efficiently to a DB with Hyperdrive and connection pooling.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/owhkhwuwmd42gghqur/aHR0cHM6Ly9nby5wb3N0aG9nLmNvbS90d2lyLWp1bDg=" 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="1868670394">Product for Engineers - 24 tips for giving S-tier demos</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/z2hgh7ue2xoqpwczu0/aHR0cHM6Ly9naXRodWIuY29tL2Nsb3VkZmxhcmUvdmluZXh0L3JlbGVhc2VzL3RhZy92aW5leHQlNDAxLjAuMC1iZXRhLjA=" 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="1868670395">Vinext 1.0 Beta - Next.js on Vite</a> - Cloudflare’s fork of Next.js is almost ready for prime time, removing the experimental label. Faster builds, smaller bundles, increased parity with Next.js, and improved cross-platform support. 1.0 announced for later this year, focusing on reliability, security, and complete Next.js compatibility.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/p8hehqu4wo9ng8fru3/aHR0cHM6Ly91aS5zaGFkY24uY29tL2RvY3MvY2hhbmdlbG9nLzIwMjYtMDctYmFzZS11aS1kZWZhdWx0" 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="1868670396">shadcn 4.13 - Base UI as the Default</a> - After wide community adoption, Base UI is now the default headless lib in the shadcn CLI and documentation. It replaces Radix, which remains supported. Reminder: the same devs who created Radix now work on Base UI.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/x0hph3uev0n59kagul/aHR0cHM6Ly9naXRodWIuY29tL2thbmU1MDYxMy90YWt1bWkvcmVsZWFzZXMvdGFnL3Rha3VtaSU0MDIuMC4w" 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="1868670397">Takumi 2.0 - Renders JSX/HTML to images without a browser, using a single Rust binary</a> - Major release for this lib challenging Satori and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">next/og</code> on JSX-based social card rendering.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/6qhehoul8epmnzc9uk/aHR0cHM6Ly9zaGFkZXJzLnBhcGVyLmRlc2lnbi8=" 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="1868670398">Paper Shaders - Zero-dependency canvas shaders for React and vanilla JS</a> - Now free and fully open source.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/kkhmh2un0v8k6wfku7/aHR0cHM6Ly9naXRodWIuY29tL3VubGF5ZXIvZWxlbWVudHM=" 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="1868670399">Unlayer Elements - React components for Emails, Web pages, and PDFs</a> - Target 3 platforms from the same component tree.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/58hvh8ugd25rk2t7u4/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0LWhvb2stZm9ybS9yZWFjdC1ob29rLWZvcm0vcmVsZWFzZXMjcmVsZWFzZS12Ny44MS4w" 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="1868670400">React Hook Form 7.81 - New <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><FieldArray></code> component, performance 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/25h2h9u3pw7k4zc8u4/aHR0cHM6Ly9naXRodWIuY29tL3Zpc2dsL3JlYWN0LWdvb2dsZS1tYXBzL3JlbGVhc2VzL3RhZy92MS45LjA=" 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="1868670401">React Google Maps 1.9 - Keyboard events on <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">AdvancedMarker</code>, 3D Map example</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/qvh8h8udmp89omhguk/aHR0cHM6Ly9naXRodWIuY29tL21pbGxpb25jby9yZWFjdC1kb2N0b3IvcmVsZWFzZXMvdGFnL3JlYWN0LWRvY3RvciU0MDAuNy4w" 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="1868670402">React Doctor 0.7 - Caching and warm rescan performance 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/g3hnhwum8we464u3u9/aHR0cHM6Ly93d3cucmVhY3RpZmx1eC5jb20vdHJhbnNjcmlwdHMvdG1pci0yMDI2LTA2" 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="1868670403">This Month in React 2026-06 - React Compiler is getting rusty, what does AI mean for engineering culture</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/9qhzhdudvrgoz5izu3/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1iM0FZdXVSZHlmNA==" 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="1868670404">Señors At Scale - URL State at Scale with François Best | nuqs, React, Typescript</a></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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/3ohphdu35gqe4khpun/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnEzJnV0bV9jb250ZW50PTJuZA==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1868670405"><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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/3ohphdu35gqe4khpun/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnEzJnV0bV9jb250ZW50PTJuZA==" 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="1868670405">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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/n2hohquv90nz64h0ug/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="1868670406">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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/48hvh7umd8046ocqu7/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="1868670407">once we started using Meticulous, we couldn’t imagine working without it</a>.”</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>
<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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/wnh2h6uq26reg9tlux/aHR0cHM6Ly9yZWFjdG5hdmlnYXRpb24ub3JnL2Jsb2cvMjAyNi8wNy8wOC9yZWFjdC1uYXZpZ2F0aW9uLTguMC1qdWx5LXByb2dyZXNzLw==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1868670408"><img src="https://thisweekinreact.com/emails/issues/289/rnav.jpg" alt="React Navigation 8.0 - July Progress Report" 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/wnh2h6uq26reg9tlux/aHR0cHM6Ly9yZWFjdG5hdmlnYXRpb24ub3JnL2Jsb2cvMjAyNi8wNy8wOC9yZWFjdC1uYXZpZ2F0aW9uLTguMC1qdWx5LXByb2dyZXNzLw==" 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="1868670408"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">React Navigation 8.0 - July Progress Report</strong></a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">A new progress report dropped from the React Navigation team. It’s even bigger than the last one shared in March.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Highlights include:</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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Suspense-enabled navigation</strong> - Navigation state updates are compatible with concurrent rendering, and navigation actions are wrapped in transitions that can wait for pending data loadings or be interrupted.</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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Experimental data loaders</strong> - This lets you prefetch data before a screen renders, using your favorite data fetching libraries.</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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Typed hooks in dynamic navigators</strong></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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Simpler types for custom navigators</strong></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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Standard Navigation for library authors</strong> - A compatibility layer for RN routers to make it possible to create universal custom navigators that work with both React Navigation and the recent Expo Router fork</span></li>
</ul>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">And more! Check out the full report to learn about all the upcoming features and changes.</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>
<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">The rise of native cloud agentic tooling</strong></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Running AI agents on native apps has previously been limited to local devices. Native dependencies, simulator management, and heavy build tools have been a major bottleneck for cloud-based agent infrastructure. That gap is closing fast thanks to simultaneous updates from Callstack and Software Mansion:</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">📜 <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/reh8h9umlzqgx2a6u6/aHR0cHM6Ly9zd21hbnNpb24uY29tL2Jsb2cvY2xvc2luZy10aGUtYWdlbnQtbG9vcC1hdXRvbm9tb3VzLXJlYWN0LW5hdGl2ZS1idWctcmVwcm9kdWN0aW9uLXdpdGgtYXJnZW50Lw==" 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="1868670409">Closing the Agent Loop: Autonomous React Native Bug Reproduction with Argent</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/08hwhgu26rm3z9cpu5/aHR0cHM6Ly94LmNvbS9zd21hbnNpb24vc3RhdHVzLzIwNzQxNTAzMjAyNTEzMTg1MDc=" 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="1868670410">Argent Lens</a> - New design review tool to help you experiment with multiple design variants to get the look you want.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/8ghqh3uo6ngm93hlu9/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vYXJnZW50L3JlbGVhc2VzL3RhZy92MC4xNC4w" 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="1868670411">Argent 0.14</a> - Argent Lens, tvOS, Android TV, Vega OS, and make it a big update that unlocks cloud agents and expands support beyond mobile to TV platforms.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/vqh3hmuo9rnzg3uwul/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFjay9hZ2VudC1kZXZpY2UvcmVsZWFzZXMvdGFnL3YwLjE5LjA=" 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="1868670412">Agent Device 0.19</a> - BrowserStack, AWS Device Farm, 6x faster relaunch, derive command, interaction guarantees. The new out-of-viewport coordinate tap warnings will be useful for ensuring consistency in automated QA testing.</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: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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/l2heh6ulm7o8rzigu0/aHR0cHM6Ly9tYWVzdHJvLmRldi9tY3A_dXRtX3NvdXJjZT10aGlzLXdlZWstaW4tcmVhY3Q=" 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="1868670413">Maestro MCP - Let your AI agent write, run, and maintain mobile E2E tests</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/m2h7h6u36zodenhluq/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0L3JlYWN0LW5hdGl2ZS9ibG9iL21haW4vQ0hBTkdFTE9HLm1kI3YwODcwLXJjMA==" 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="1868670414">React Native 0.87 RC.0 - Big cleanup release</a> - This upcoming release cleans up a lot of things, removing many deprecated APIs such as <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">InteractionManager</code> or <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><SafeAreaView></code>, and restricting deep path imports. New deprecations land too, such as <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><ImageBackground></code>, to be removed later. See also this umbrella issue: <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/7qh7h2u9250rz9f9u6/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0L3JlYWN0LW5hdGl2ZS9pc3N1ZXMvNTczODQ=" 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="1868670417">Remove deprecated APIs</a>. All these moves React Native closer to v1 – still “on the horizon” – by reducing its API surface.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/p8hehqu4wo9nx8hru3/aHR0cHM6Ly9yZWFjdG5hdGl2ZWNvbm5lY3Rpb24uaW8vP3V0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0LmNvbQ==" 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="1868670420">React Native Connection</a> - 🇫🇷 Paris - 24 Sept. Amazing lineup featuring Cédric Van Putten (Expo), Satyajit Sahoo (React Navigation), Jay Meistrich (Legend List), and Filip Kamiński (Argent)! Get a 15% discount with code "TWIR".</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/x0hph3uev0n53ktgul/aHR0cHM6Ly9zd21hbnNpb24uY29tL2Jsb2cvd2UtYnVpbHQtdGhlLXNhbWUtYXBwLWluLWttcC1hbmQtcmVhY3QtbmF0aXZlLWhlcmUtcy13aGF0LXdlLWZvdW5kLw==" 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="1868670421">We Built the Same App in KMP and React Native – Here's What We Found</a> - KMP is faster on Android, slightly similar to React Native iOS.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/6qhehoul8epmozi9uk/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL21vYmlsZS1tb2R1bGUtZmVkZXJhdGlvbi13aXRoLXJlLXBhY2std2hlbi1ydW50aW1lLWRlbGl2ZXJ5LWlzLXdvcnRoLXRoZS1jb21wbGV4aXR5" 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="1868670422">Mobile Module Federation with Re.Pack: When Runtime Delivery Is Worth the Complexity</a> - Module Federation pays off when multiple teams need independent JS release cadences within the same app.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/kkhmh2un0v8kmwhku7/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2hvdy13ZS1tYWRlLWh5YnJpZC1pb3MtYXBwcy1jb21waWxlLTM5LWZhc3Rlci13aXRoLXJlYWN0LW5hdGl2ZS1icm93bmZpZWxk" 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="1868670423">How we made Hybrid iOS apps compile 39% faster with React Native Brownfield</a> - Using prebuilt xcframework.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/25h2h9u3pw7kdzi8u4/aHR0cHM6Ly93d3cuZHJpenouZGV2Lz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdCZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPXR3aXJfdzMmdXRtX2NvbnRlbnQ9dWktY2hhbmdlLXBhaW4=" 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="1868670425">Drizz - Tired of rewriting test scripts after every UI change? Describe your test in plain English and let Vision AI handle the rest</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/qvh8h8udmp89nmsguk/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2ludHJvZHVjaW5nLXNuaWZmbGVyLXJ1bi1vbmx5LXRoZS1lMmUtdGVzdHMteW91ci1jaGFuZ2VzLWNhbi1hZmZlY3Q=" 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="1868670426">Sniffler - Run only the E2E tests your changes can affect</a> - New Callstack tool to map your code diff to E2E tests it can affect, so your CI can skip unaffected tests.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/9qhzhdudvrgo95bzu3/aHR0cHM6Ly9naXRodWIuY29tL2pvLWR1Y2hhbi90YXBmbG93" 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="1868670428">Tapflow - Self-hosted iOS & Android simulator streaming for the whole team</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/n2hohquv90nzr4s0ug/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9haS90cmVlL21haW4vcGFja2FnZXMvYWRr" 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="1868670430">AI ADK - On-device Gemini Nano or cloud Gemini with tool calling and multi-turn sessions</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/wnh2h6uq26re89ulux/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLWVucmljaGVkLW1hcmtkb3duL3JlbGVhc2VzL3RhZy92MC43LjA=" 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="1868670432">Enriched Markdown 0.7 - Switch to RaTeX for faster rendering, improved RTL support, highlight spans, and better accessibility with VoiceOver/TalkBack labels</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/08hwhgu26rm3q9ipu5/aHR0cHM6Ly9naXRodWIuY29tL2dldHNlbnRyeS9zZW50cnktcmVhY3QtbmF0aXZlL3JlbGVhc2VzL3RhZy84LjE3LjA=" 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="1868670434">Sentry 8.17 - Experimental Turbo Module performance tracking, Expo Router ErrorBoundary auto-wrap, standalone app start tracing</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/vqh3hmuo9rnz83awul/aHR0cHM6Ly9naXRodWIuY29tL21hcmdlbG8vcmVhY3QtbmF0aXZlLW5pdHJvLWZldGNoL3JlbGVhc2VzL3RhZy92MS41LjA=" 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="1868670436">Nitro Fetch 1.5 - Support fetch <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">credentials</code> option</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/l2heh6ulm7o8wzbgu0/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci92b2x0cmEvcmVsZWFzZXMvdGFnL3YyLjEuMA==" 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="1868670437">Voltra 2.1.0 - Dynamic Widgets with native-side rendering</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/m2h7h6u36zodwnsluq/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0LW5hdGl2ZS13ZWJ2aWV3L3JlYWN0LW5hdGl2ZS13ZWJ2aWV3L3JlbGVhc2VzL3RhZy92MTUuMC4w" 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="1868670438">WebView 15.0 - Windows New Architecture support and requirement (breaking change)</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/dphehmue9nqlrqtlu4/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0L21ldHJvL3JlbGVhc2VzL3RhZy92MC44Ni4w" 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="1868670439">Metro 0.86.0 - Source maps use 50% less memory and serve 2x faster</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/e0hph0u73ok850c7u2/aHR0cHM6Ly9naXRodWIuY29tL2phbmljZHVwbGVzc2lzL3JuLWlzbw==" 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="1868670440">Iso - Isolated React Native dev environments per project or worktree</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/7qh7h2u9250r39f9u6/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24tbGFicy9yZWFjdC1uYXRpdmUtYm90dG9tLXNoZWV0L3JlbGVhc2VzL3RhZy92MC4xNi4w" 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="1868670441">Bottom Sheet 0.16 - Improved drag behavior</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/owhkhwuwmd425gfqur/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLWF1ZGlvLWFwaS9yZWxlYXNlcy90YWcvMC4xMy4w" 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="1868670442">RN Audio 0.13 - Stable <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><Audio/></code> component, MediaElementAudioSourceNode for custom effects, filters, and signal processing</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/z2hgh7ue2xoq0wfzu0/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9yb2NrL3JlbGVhc2VzL3RhZy92MC4xNC4wLWxhdGVzdA==" 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="1868670443">Rock 0.14 - Add support for generating XCFramework from static library</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/p8hehqu4wo9n88cru3/aHR0cHM6Ly9naXRodWIuY29tL3NhZ2F3cnIvcmVhY3QtbmF0aXZlLW5pdHJvLXZpc2lvbi1raXQ=" 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="1868670444">Nitro Vision Kit - On-Device background removal & image classification</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/x0hph3uev0n5xkcgul/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1UM292MThQZlpSVQ==" 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="1868670445">Where Reanimated Goes Next | Interview With Bartłomiej Błoniarz</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/6qhehoul8epm0zb9uk/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1IdWVPdDBjdFNHUQ==" 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="1868670446">Why Nitro Is More Than a Faster Bridge | Interview With Marc Rousavy</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/kkhmh2un0v8k4wsku7/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9wb2RjYXN0cy9yZWFjdC1uYXRpdmUtZWFzZS1wbGF0Zm9ybS1uYXRpdmUtYW5pbWF0aW9ucy13aXRob3V0LXRoZS1leHRyYS13b3Jr" 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="1868670447">React Universe On Air - React Native Ease: Faster Native Animations with Janic Duplessis</a></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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/58hvh8ugd25rl2a7u4/aHR0cHM6Ly9lY21hLWludGVybmF0aW9uYWwub3JnL25ld3MvZWNtYS1pbnRlcm5hdGlvbmFsLWFwcHJvdmVzLW5ldy1zdGFuZGFyZHMtMTQv" 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="1868670448">Ecma International approved ES2026</a> - Now that it’s officially approved, let’s remind you <a href="https://76518bdd.click.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/25h2h9u3pw7knzb8u4/aHR0cHM6Ly9wYXdlbGdyenliZWsuY29tL3doYXRzLW5ldy1pbi1lY21hc2NyaXB0LTIwMjYv" 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="1868670449">what's new in ECMAScript 2026</a>, including <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Array.fromAsync()</code>, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Error.isError()</code>, and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Map.getOrInsert()</code>.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/qvh8h8udmp89qmfguk/aHR0cHM6Ly93d3cucmZjLWVkaXRvci5vcmcvaW5mby9yZmMxMDAwOC8=" 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="1868670450">The HTTP QUERY Method is now an IETF Proposed Standard</a> - HTTP now officially has a QUERY method. It’s similar to GET (safe, idempotent, cacheable) but allows a body/payload. Don’t be fooled by RFC / Proposed Standard: many things you use are at this stage, including HTTP 2.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/g3hnhwum8we4x4t3u9/aHR0cHM6Ly9udXFzLmRldi9ibG9nL3N0YWdlZC1wdWJsaXNoaW5nLWZvci1zdXBwbHktY2hhaW4tc2VjdXJpdHk=" 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="1868670451">Staged publishing for supply-chain security</a> - After the TanStack compromise, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">nuqs</code> hardened its release pipeline, adopting the new npm staged publishing feature with a <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">draft->validate->finalize</code> flow and the ability to check tarball integrity locally, sharing many other security tips along the way.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/9qhzhdudvrgon5czu3/aHR0cHM6Ly93d3cuam9zaHdjb21lYXUuY29tL2Nzcy9hbmNob3ItcG9zaXRpb25pbmcv" 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="1868670452">Getting Started with CSS Anchor Positioning</a> - This lets you position a floating element (tooltip, dropdown) near another element in pure CSS, with overflow flipping behavior. This interactive blog post focuses on the critical parts of this large API. With 81% browser support, it’s a good time to learn 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/3ohphdu35gqevkfpun/aHR0cHM6Ly9kZXZibG9ncy5taWNyb3NvZnQuY29tL3R5cGVzY3JpcHQvYW5ub3VuY2luZy10eXBlc2NyaXB0LTctMC8=" 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="1868670453">TypeScript 7.0 - 10x faster native port of TypeScript</a> - Here it is! The battle-tested, production-ready, much faster TypeScript port in Go is officially live. Up to 16x type-checking speed with parallelization. It also moves to <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">strict: true</code> by default, removes deprecations, and improves watch mode.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/n2hohquv90nze4f0ug/aHR0cHM6Ly9ub2RlanMub3JnL2VuL2Jsb2cvcmVsZWFzZS92MjYuNS4w" 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="1868670454">Node 26.5 - Support for Import Text (experimental), <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">blob.textStream</code>, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">ReadableStreamTee</code></a> - Import Text is quite exciting for docs sites looking to document code snippets. Unfortunately, behind a flag for now.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/48hvh7umd804kobqu7/aHR0cHM6Ly92b2lkemVyby5kZXYvcG9zdHMvYW5ub3VuY2luZy12aXRlLXBsdXMtYmV0YQ==" 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="1868670455">Vite+ Beta - Unifies the runtime, package manager, and frontend tools</a> - Stable, but not yet feature-complete.</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/wnh2h6uq26rem9blux/aHR0cHM6Ly9naXRodWIuY29tL2ZyYW5jb2lzbWFzc2FydC9lc2xpbnQtcGx1Z2luLXRhaWx3aW5kY3NzL3JlbGVhc2VzL3RhZy92NC4wLjM=" 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="1868670456">ESLint Plugin TailwindCSS 4.0 - Support for Tailwind v4</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/reh8h9umlzqgk2u6u6/aHR0cHM6Ly9naXRodWIuY29tL3dlYnBhY2svd2VicGFjay1kZXYtc2VydmVyL3JlbGVhc2VzL3RhZy92Ni4wLjA=" 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="1868670457">Webpack Dev Server 6.0 - Express v5, Node.js 22.15+, ESM-only</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/08hwhgu26rm3n9hpu5/aHR0cHM6Ly9wbnBtLmlvL2Jsb2cvcmVsZWFzZXMvMTEuMTA=" 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="1868670458">pnpm 11.10 - <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">_auth</code> setting for CI, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">pnpm self-update</code> can update to v12 (the Rust port)</a></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">Fun</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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/8ghqh3uo6ngmw3slu9/aHR0cHM6Ly94LmNvbS9jb2xpbmhhY2tzL3N0YXR1cy8yMDcyODE1NDcyOTcwNzM1NjUy" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1868670459"><img src="https://thisweekinreact.com/emails/issues/289/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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/vqh3hmuo9rnzm3awul/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXIvc3RhdHVzLzIwNzQ5MTk0OTc4MjQxOTQ5ODA=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1868670460"><img src="https://thisweekinreact.com/emails/issues/289/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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/8ghqh3uo6ngmorclu9/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="1868670380"><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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/l2heh6ulm7o8qzigu0/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="1868670461"><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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/m2h7h6u36zod2nfluq/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="1868670462"><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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g" 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g" 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/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g/dphehmue9nqldqclu4/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1868670463">Advertise</a>
</td></tr></table>
</div>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
<!-- -->
<img src="https://76518bdd.open.convertkit-mail4.com/o8uqeqog7luqh6299wobvhqe6o0z9soh96k8g" alt="" style="font-family:Helvetica, Arial, sans-serif">
</body>
</html>