<!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" class=""><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;font-size:12px"></span><a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/3ohphdu3ngmr0vsp/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="1765257756"><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! <strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Tomek and Tymek from </strong><a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/n2hohquvk0qgm2u0/aHR0cHM6Ly9zd21hbnNpb24uY29tLz91dG1fc291cmNlPXRoaXN3ZWVraW5yZWFjdA==" 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="1765257757">Software Mansion</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 coming with some interesting announcements and even more noteworthy news. Next.js 15.4 has been announced, bringing full Turbopack support and stability improvements.</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, 0.81 is getting closer and closer to us as the new release candidate shows and there’s a couple of new announcements around react-native-worklets, react-native-wallet, and Module Federation Metro and Node API support for React Native.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">We hope you are already excited because there is much more interesting news to come.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Let's get into it!</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/48hvh7umn8l9vviq/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="1765257758">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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/wnh2h6uq3674n7bl/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="1765257759">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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/reh8h9umezd74zh6/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="1765257760">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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/08hwhgu2krexv5ip/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="1765257761">Reddit</a><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"></strong></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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/8ghqh3uoxnd3z6sl/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvMXlIb01IeA==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1765257762"><img src="https://thisweekinreact.com/emails/issues/243/coderabbit.png" alt="Free AI Code Reviews in IDE - VSCode, Cursor, Windsurf" 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/8ghqh3uoxnd3z6sl/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvMXlIb01IeA==" 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="1765257762">Free AI Code Reviews in IDE - VSCode, Cursor, Windsurf</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/vqh3hmuodr04lzaw/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvNlpYVUxTSw==" 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="1765257763">CodeRabbit</a> is the AI code review platform purpose built to speed up code reviews and improve code quality. Integrating seamlessly into git workflows and existing toolchains, it delivers codebase-aware reviews and supports all programming languages.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Now they are excited to deliver AI code reviews directly in VS Code, Cursor, and Windsurf–letting you and your team (vibe) code with confidence and review while keeping in flow.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Even better: code reviews in the IDE are free! That’s right: line-by-line reviews and one-click fixes, all in your IDE at no cost to you.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/l2heh6ulz724exig/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvTHN6QzFwQg==" 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="1765257764">Install the extension</a> and start vibe checking your code today!</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/dphehmuemn6kvxil/aHR0cHM6Ly9uZXh0anMub3JnL2Jsb2cvbmV4dC0xNS00" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1765257766"><img src="https://thisweekinreact.com/emails/issues/243/nextjs.png" alt="Next.js 15.4" 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/dphehmuemn6kvxil/aHR0cHM6Ly9uZXh0anMub3JnL2Jsb2cvbmV4dC0xNS00" 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="1765257766"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Next.js 15.4</strong></a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Next.js 15.4 has been released! This version includes updates to performance, stability, and 100% integration test compatibility for Turbopack builds, fulfilling 100% integration test compatibility (passing all 8298 integration tests for production builds). Vercel showed its production readiness by using Turbopack to power the <a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/e0hph0u72ove6xa7/aHR0cDovL3ZlcmNlbC5jb20v" 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="1765257767">vercel.com</a> website.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Also, this release comes with an early preview of the Next.js 16. You can try upcoming features right now, such as cache components, mentioned turbopack builds with the <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">next build --turbopack</code> command, optimized client-side routing and stable Node.js middleware.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/7qh7h2u9m5l8lvf9/aHR0cHM6Ly93d3cucm9hZC10by1uZXh0LmNvbS8_dXRtX2NhbXBhaWduPXRoaXNfd2Vla19pbl9yZWFjdF8xLjEmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" 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="1765257768">The Road to Next - Master Full-Stack Web Development with Next.js 15 and React 19</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/owhkhwuw7d9n9kiq/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC9uZXh0LmpzL3B1bGwvODE1Mjg=" 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="1765257769">Next.js draft PR – Initial support for typed links</a>: Introduces a new typed links API for Next.js that provides type-safe navigation built on top of the new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">experimental.typedRoutes</code> feature. Great move from the team as type-safe navigation is always welcomed.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/z2hgh7ue8x676ksz/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0anMvcmVhY3QuZGV2L3B1bGwvNzg2OA==" 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="1765257770">React Compiler PR – full docs rewrite</a>: Another signal that React Compiler is approaching to be announced as stable thus needs a more prominent place in the documentation.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/p8hehqu4lo6d6dur/aHR0cHM6Ly9yZWFjdHJvdXRlci5jb20vaG93LXRvL21pZGRsZXdhcmU=" 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="1765257771">React Router - Middleware docs</a>: This new docs page describes core concepts and common patterns along with many code examples.</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">🦋 Firefox review team <a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/6qhehoulderwrdi9/aHR0cHM6Ly9ic2t5LmFwcC9wcm9maWxlL3JpY2t5LmZtL3Bvc3QvM2x0a3hwbzVld2syaQ==" 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="1765257773">rejects further React DevTools updates</a> because the extension is using React from 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/kkhmh2un3vwew9sk/aHR0cHM6Ly94LmNvbS90YW5uZXJsaW5zbGV5L3N0YXR1cy8xOTQyOTc5ODI3NTY2NTY3ODA3" 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="1765257774">TanStack Start will not exclusively rely on Nitro</a>: TanStack Start will not exclusively rely on the Nitro server and does not have a hard dependency on a package under Vercel ownership (a community concern following the Vercel acquisition of NuxtLabs). It is pointing towards "vite native" to support any Vite plugin that uses the environment APIs to configure build output.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/7qh7h2u9m5l8l0u9/aHR0cHM6Ly94LmNvbS9hc2lkb3JlbmtvXy9zdGF0dXMvMTk0NDA1NzMzNjk3ODM5MTI3Nw==" 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="1765257775">Alex Sidorenko – How to reduce prefetching without sacrificing navigation speed in Next.js</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/owhkhwuw7d9n9rtq/aHR0cHM6Ly9sZWVyb2IuY29tL3ZlcmNlbA==" 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="1765257776">Lee Robinson – 5 things I learned from 5 years at Vercel</a>: Lee Robinson, one of the main figures of Next.js is leaving Vercel. He decided to convey the 5 most important things he learned during his work. At the same time, <a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/z2hgh7ue8x676etz/aHR0cHM6Ly94LmNvbS9zYW1zZWxpa29mZi9zdGF0dXMvMTk0MzMyNTU5MjI2MDA5MjI5OA==" 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="1765257777">Sam Selikoff is joining the team</a>, announcing work on new features, such as ViewTransitions, pre-rendering or the “use cache” declaration.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/p8hehqu4lo6d6gbr/aHR0cHM6Ly9kZXZlbG9wZXJzdm9pY2UuY29tL2Jsb2cvZnJvbnRlbmQvbWljcm8tZnJvbnRlbmRzLXdpdGgtcmVhY3QtYW5kLWFuZ3VsYXIv" 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="1765257778">The Architect's Guide to Micro-Frontends: A Deep Dive into Module Federation with React and Angular</a>: Traditional monolithic architecture could often bring limitations, such as slow development cycles and fragility. Learn from the widely described article how to use Module Federation as an encroaching standard for implementing micro-frontends.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/x0hph3uel02z23sg/aHR0cHM6Ly93d3cubG9yZW5zdGV3LmFydC9ibG9nL2Fsd2F5cy1hcmNoaXRlY3Qtd2l0aC1jb250cmFpbnRz" 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="1765257779">Architecting with Constraints: A Pragmatic Guide</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/6qhehoulderwr0h9/aHR0cHM6Ly90eW1wYW51cy5uZXQvY29kcm9wcy8yMDI1LzA3LzA5L2hvdy10by1jcmVhdGUta2luZXRpYy1pbWFnZS1hbmltYXRpb25zLXdpdGgtcmVhY3QtdGhyZWUtZmliZXIv" 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="1765257780">How To Create Kinetic Image Animations with React-Three-Fiber</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/kkhmh2un3vwewztk/aHR0cHM6Ly90eW1wYW51cy5uZXQvY29kcm9wcy8yMDI1LzA3LzEwL3RocmVlLWpzLWluc3RhbmNlcy1yZW5kZXJpbmctbXVsdGlwbGUtb2JqZWN0cy1zaW11bHRhbmVvdXNseS8=" 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="1765257781">Three.js Instances: Rendering Multiple Objects Simultaneously</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/58hvh8ugz2x0xqc7/aHR0cHM6Ly9jb252ZXgubGluay9yZXNlbmR0aGlzd2s=" 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="1765257782">Convex launched a collaboration with Resend</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/25h2h9u3ew9g99s8/aHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3JvdXRlci9yZWxlYXNlcy90YWcvdjEuMTI2LjA=" 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="1765257783">TanStack Router 1.26</a>: New <a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/qvh8h8ud0pwvwphg/aHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3JvdXRlci9kaXNjdXNzaW9ucy8yODYzI2Rpc2N1c3Npb25jb21tZW50LTEzNzEzNjc3" 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="1765257784">custom React Vite plugin</a>, through which the library will soon stop auto-configuring React/Solid Vite plugins, thus increasing the possibilities of configuration on your own.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/g3hnhwumkw9n95a3/aHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3JvdXRlci9yZWxlYXNlcy90YWcvdjEuMTI3LjA=" 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="1765257785">TanStack Router 1.27 – Seroval is being used for SSR</a>: It permits serializing data to JSON that are not usually serializable, such as <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Date</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/9qhzhdudlrwxwviz/aHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3F1ZXJ5L3JlbGVhc2VzL3RhZy92NS44My4w" 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="1765257786">TanStack Query 5.82 / 5.83 – new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">mutationOptions</code> object</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/3ohphdu3ngmrmeup/aHR0cHM6Ly9naXRodWIuY29tL294Yy1wcm9qZWN0L294Yy9wdWxsLzEyMjM0" 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="1765257787">oxc 0.77 – Support for styled-components transformer plugin</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/n2hohquvk0qgq7c0/aHR0cHM6Ly9wb2Ryb2NrZXQubG9ncm9ja2V0LmNvbS9zdG9yeWJvb2stOS1sZXZlbGluZy11cC11aS10ZXN0aW5nLW1pY2hhZWwtc2hpbG1hbg==" 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="1765257788">Podrocket – Storybook 9 is leveling up UI testing with Michael Shilman</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/48hvh7umn8l9l7iq/aHR0cHM6Ly9lbWJyYWNlLmlvLz91dG1fY2FtcGFpZ249dHdpci03LTE2LTIwMjUmdXRtX21lZGl1bT1wYWlkJnV0bV9zb3VyY2U9bmV3c2xldHRlcg==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1765257789"><img src="https://thisweekinreact.com/emails/issues/243/embrace.jpeg" alt="Embrace: User-focused observability for mobile and web" 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/48hvh7umn8l9l7iq/aHR0cHM6Ly9lbWJyYWNlLmlvLz91dG1fY2FtcGFpZ249dHdpci03LTE2LTIwMjUmdXRtX21lZGl1bT1wYWlkJnV0bV9zb3VyY2U9bmV3c2xldHRlcg==" 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="1765257789">Embrace: User-focused observability for mobile and web</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">What if you could connect every performance signal directly to the user it happened to, what they were doing, and whether it mattered? With Embrace, you finally get observability that surfaces real user impact.</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">📊 Track Core Web Vitals, crashes, network requests, and custom events—all tied to full user sessions. </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">👤 Get deep insights into users with session stitching and play-by-plays of every user experience. </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">🔍 Discover the root cause faster with high-fidelity data, including session timelines, performance traces, and user journeys. </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">🔭 Embrace is built on OpenTelemetry. Own your data, integrate it anywhere, and avoid the rigid pricing and limitations of all-in-one platforms.</span></li>
</ul>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Learn more, including how to get started free, at <a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/48hvh7umn8l9l7iq/aHR0cHM6Ly9lbWJyYWNlLmlvLz91dG1fY2FtcGFpZ249dHdpci03LTE2LTIwMjUmdXRtX21lZGl1bT1wYWlkJnV0bV9zb3VyY2U9bmV3c2xldHRlcg==" 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="1765257789">embrace.io</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/wnh2h6uq36747dfl/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2Fubm91bmNpbmctbm9kZS1hcGktc3VwcG9ydC1mb3ItcmVhY3QtbmF0aXZl" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1765257790"><img src="https://thisweekinreact.com/emails/issues/243/nodeapi.jpg" alt="Node-API Support for React Native" 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/wnh2h6uq36747dfl/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2Fubm91bmNpbmctbm9kZS1hcGktc3VwcG9ydC1mb3ItcmVhY3QtbmF0aXZl" 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="1765257790"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Node-API Support for React Native</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 collaborative effort to bring Node-API into React Native. Node-API allows native code to interface with JavaScript in a runtime-independent and ABI-stable way. The PR adding Node-API support to Hermes is a work-in-progress, although most of the actual code is being upstreamed from React Native Windows.</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>
<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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/reh8h9umezd7d8t6/aHR0cHM6Ly9ibG9nLnN3bWFuc2lvbi5jb20vaW50cm9kdWNpbmctcmVhY3QtbmF0aXZlLXdhbGxldC05MGMxZWUxMDNkM2U=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1765257791"><img src="https://thisweekinreact.com/emails/issues/243/rnwallet.png" alt="Introducing react-native-wallet" 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/reh8h9umezd7d8t6/aHR0cHM6Ly9ibG9nLnN3bWFuc2lvbi5jb20vaW50cm9kdWNpbmctcmVhY3QtbmF0aXZlLXdhbGxldC05MGMxZWUxMDNkM2U=" 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="1765257791"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Introducing react-native-wallet</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 React Native library created by Expensify and Software Mansion. It streamlines the process of integrating payment cards into mobile apps for both Apple and Google Wallet (in-app provisioning), handling platform-specific complexity under the hood. It supports a wide array of card providers like Visa, MasterCard, Amex, or Discover, and ensures the integration follows the strict guidelines and best practices required by both Google and Apple.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/08hwhgu2krexr0sp/aHR0cHM6Ly9nby5wb3N0aG9nLmNvbS90d2lyLWp1bDE2" 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="1765257792">PostHog - How to set up React Native surveys</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/8ghqh3uoxnd3n0ul/aHR0cHM6Ly94LmNvbS9fdGp6ZWwvc3RhdHVzLzE5NDUwOTQ5ODIxMTQ3MDU4NDI=" 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="1765257793">React-Native-Worklets - Bundle Mode preview</a>: Experimental feature that makes it possible to use third-party npm packages inside worklets.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/l2heh6ulz72474sg/aHR0cHM6Ly94LmNvbS9qbWVpc3RyaWNoL3N0YXR1cy8xOTQ0MDAzOTg4MDgyMzY0ODcy" 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="1765257795">Legend List under big rewrite</a>: Improved performance, synchronous mounting.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/m2h7h6u37z59z0ul/aHR0cHM6Ly94LmNvbS96aXVza28vc3RhdHVzLzE5NDQ3MTcyMDI2MTcxODA0MDk=" 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="1765257796">React-Native-Keyboard-Controller is now available in Expo Go</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/dphehmuemn6knmsl/aHR0cHM6Ly94LmNvbS9CYWNvbmJyaXgvc3RhdHVzLzE5NDQ4MTc3ODI3Mjc1ODE4MzQ=" 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="1765257797">Interactive comparison of Expo fingerprint components to better understand OTA updates</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/e0hph0u72oveona7/aHR0cHM6Ly9ibG9nLmNocm9taXVtLm9yZy8yMDI1LzA3L2ludHJvZHVjaW5nLXNraWEtZ3JhcGhpdGUtY2hyb21lcy5odG1s" 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="1765257798">Chromium Blog – Introducing Skia Graphite</a>: Google has released a new rasterization backend, as the original Chromium engine, Skia, was struggling with performance issues. Thanks to the new solution, Graphite, Motionmark 1.3 scores increased by almost 15% (on a Macbook Pro M3) and led to improvements for real-world metrics, such as interaction to next paint time or time to largest contentful paint). We should benefit from this in upcoming versions of React-Native-Skia.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/7qh7h2u9m5l850u9/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL29uLWRldmljZS1hcHBsZS1sbG0tc3VwcG9ydC1jb21lcy10by1yZWFjdC1uYXRpdmU=" 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="1765257799">On-Device Apple LLM Support Comes to React Native</a>: preview release of <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">@react-native-ai/apple</code> bringing on-device Apple foundation models to React Native.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/owhkhwuw7d9ndruq/aHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL21ldHJvL3JlbGVhc2VzL3RhZy92MC44My4w" 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="1765257800">Metro 0.83 – Node 22.14 is now required</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/z2hgh7ue8x67xeuz/aHR0cHM6Ly9naXRodWIuY29tL21vZHVsZS1mZWRlcmF0aW9uL21ldHJv" 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="1765257801">Module Federation - Metro plugin</a>: Callstack has made a new Metro plugin for Module Federation, which will help you to adapt React Native apps and start using Module Federation with Metro bundler.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/p8hehqu4lo6dogtr/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmFkb24taWRlL3JlbGVhc2VzL3RhZy92MS45LjA=" 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="1765257802">Radon IDE 1.9 – Radon Connect, switch between different project configurations, camera output on Android</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/x0hph3uel02z03fg/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFjay9ybmVmL3JlbGVhc2VzL3RhZy92MC44LjA=" 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="1765257803">React Native Enterprise Framework 0.8 – New visual representation, support for RN 0.80, RNC CLI 19.1</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/6qhehoulderwe0s9/aHR0cHM6Ly9naXRodWIuY29tL2RldmVpeC9yZWFjdC1uYXRpdmUtYXBwbGUtbGxt" 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="1765257804">React Native Apple LLM – Plugin for Apple Intelligence and Foundation Models</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/kkhmh2un3vwevzuk/aHR0cHM6Ly9naXRodWIuY29tL3RpbnlwbGV4L3RpbnliYXNlL3JlbGVhc2VzL3RhZy92Ni40LjA=" 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="1765257805">Tinybase 6.4 – new persister-react-native-sqlite module</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/58hvh8ugz2x02qi7/aHR0cHM6Ly9pbmZpbml0ZS5yZWQvcmVhY3QtbmF0aXZlLXJhZGlvL3Juci0zMzctbWV0YS1xdWVzdC1mb3ItcmVhY3QtbmF0aXZlLXctbWFya3VzLWxleWVuZGVja2Vy" 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="1765257806">RNR 337 – Meta Quest for React Native with Markus Leyendecker</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/25h2h9u3ew9gw9f8/aHR0cHM6Ly9zaGFyZS50cmFuc2lzdG9yLmZtL3MvYjI0MDI3YWI=" 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="1765257807">Rocket Ship 76 – Unistyles 3.0, SwiftUI Filters, Nitro Hype & the Expo Debate</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/qvh8h8ud0pwvppsg/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj16UmVGc1BnVWRNcw==" 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="1765257808">Expo – How to build a Custom Expo Module</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/g3hnhwumkw9nw5t3/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj10enBVTFNOZzFKcw==" 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="1765257809">Software Mansion – Building Apple & Google Photos Clone in React Native</a></span></li>
</ul>
<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">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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/48hvh7umn8l987bq/aHR0cHM6Ly9jc3MtdGlwLmNvbS9lbGVtZW50LWluZGV4Lw==" 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="1765257813">CSS Tip - Get the index of an element within its parent - <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">selection-index()</code> and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">selection-count()</code></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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/wnh2h6uq36746dhl/aHR0cHM6Ly9udXh0LmNvbS9ibG9nL3Y0" 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="1765257814">Nuxt 4.0 – <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">app/</code> directory, smarter data fetching, improved TS 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/reh8h9umezd7z8u6/aHR0cHM6Ly9kZW5vLmNvbS9ibG9nL3YyLjQ=" 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="1765257815">Deno 2.4 – <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">deno bundle</code>, new way to import assets, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">--preload</code> flag</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/08hwhgu2krex50tp/aHR0cHM6Ly9naXRodWIuY29tL3dlYi1pbmZyYS1kZXYvcnNwYWNrL3JlbGVhc2VzL3RhZy92MS40Ljg=" 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="1765257816">Rspack 1.4.8 – new Rust watcher, making Hot Module Replacement ~10% 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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/8ghqh3uoxnd3v0al/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vVHlwZUdQVS9yZWxlYXNlcy90YWcvdjAuNi4w" 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="1765257817">TypeGPU 0.6.0</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/vqh3hmuodr047vbw/aHR0cHM6Ly9naXRodWIuY29tL2NvbGluaGFja3MvenNoeQ==" 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="1765257818">zshy – A new no-bundler build tool for TypeScript libraries</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/l2heh6ulz72494fg/aHR0cHM6Ly9qc2RhdGUud3RmLw==" 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="1765257819">jsdate.wtf – “How well do you know JavaScript's Date class?”</a>: An interesting 28-question quiz, testing how well you know the <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Date</code> JS class.</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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/m2h7h6u37z59p0al/aHR0cHM6Ly93d3cudG90YWx0eXBlc2NyaXB0LmNvbS9ob3ctdG8tY3JlYXRlLWFuLW5wbS1wYWNrYWdl" 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="1765257820">A refreshed Matt Pocock’s mega-guide on how to create a npm package</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><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%"><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/issues/243/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"></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">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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/dphehmuemn6kgmfl/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="1765257821"><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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/e0hph0u72ovegnt7/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="1765257822"><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://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/7qh7h2u9m5l870a9/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="1765257823"><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://unsubscribe.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo" 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/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Email Preferences</a> |
💸 <a href="https://click.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo/owhkhwuw7d9nvraq/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1765257824">Advertise</a>
</td></tr></table>
</div>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
<!-- -->
<img src="https://open.convertkit-mail4.com/38u909olzntkh2q9m2wurh47dzonnh7h5mpdo" alt="" style="font-family:Helvetica, Arial, sans-serif">
</body>
</html>