<!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=""><a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/7qh7h2u9dovdwgb9/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="1826102855"><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!</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 saw a lot of activity on X about the new AI skills system. Personally, what excited me most is the new Firefox release that unlocks interesting things for React developers.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">The React Native ecosystem is also super active, with many interesting releases. And I’m sure Expo 55 beta will drop just after we send our email 😅, so make sure to check their blog because it’s coming soon.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/z2hgh7ue5395w4sz/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="1826102857">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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vxo6t9/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="1826102860">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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/owhkhwuwxr3xo4tq/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="1826102863">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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/x0hph3uekw8k39sg/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="1826102866">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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/58hvh8ug3mp373c7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3dvcmtzaG9wLW5leHRqcy1mZWItMjAyNi8_dXRtX2NhbXBhaWduPW5leHRqcy1meTI3cTEtbmV4dGpzd29ya3Nob3AmdXRtX2NvbnRlbnQ9bmV3c2xldHRlci13b3Jrc2hvcC1yZWdpc3RlciZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1826102869"><img src="https://thisweekinreact.com/emails/issues/265/sentry.jpg" alt="Debugging Next.js in Production" 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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/58hvh8ug3mp373c7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3dvcmtzaG9wLW5leHRqcy1mZWItMjAyNi8_dXRtX2NhbXBhaWduPW5leHRqcy1meTI3cTEtbmV4dGpzd29ya3Nob3AmdXRtX2NvbnRlbnQ9bmV3c2xldHRlci13b3Jrc2hvcC1yZWdpc3RlciZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" 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="1826102869">Debugging Next.js in Production</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 makes it easy to ship fast, but once your app is in production it can be hard to tell where errors, slow requests, or hydration issues are really coming from.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Join Sentry's hands-on workshop where Sergiy Dybskiy will dives into how these problems show up in real apps and how to connect what users experience with what’s happening under the hood. 🚀</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/58hvh8ug3mp373c7/aHR0cHM6Ly9zZW50cnkuaW8vcmVzb3VyY2VzL3dvcmtzaG9wLW5leHRqcy1mZWItMjAyNi8_dXRtX2NhbXBhaWduPW5leHRqcy1meTI3cTEtbmV4dGpzd29ya3Nob3AmdXRtX2NvbnRlbnQ9bmV3c2xldHRlci13b3Jrc2hvcC1yZWdpc3RlciZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" 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="1826102869">Register today</a>!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">⚛️ </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/25h2h9u3l2rld6b8/aHR0cHM6Ly9hZ2VudHNraWxscy5pby8=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1826102870"><img src="https://thisweekinreact.com/emails/issues/265/skills.jpg" alt="Agent Skills" 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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/25h2h9u3l2rld6b8/aHR0cHM6Ly9hZ2VudHNraWxscy5pby8=" 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="1826102870">Agent Skills</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 Anthropic spec is gaining traction in the AI dev community. Skills let agents acquire capabilities on demand via progressive disclosure—lazy-loading only what’s needed to keep context slim. It’s been a hot topic in React this week, with multiple projects shipping open-source skills and tooling:</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/qvh8h8udergenwhg/aHR0cHM6Ly9za2lsbHMuc2gv" 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="1826102871">Skills.sh</a>, a platform launched by Vercel to discover popular open source skills</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/g3hnhwumg37gpwc3/aHR0cHM6Ly92ZXJjZWwuY29tL2Jsb2cvaW50cm9kdWNpbmctcmVhY3QtYmVzdC1wcmFjdGljZXM=" 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="1826102872">React Best Practices</a> by Vercel for React and Next.js skills. I also liked the related article from one of the authors (<a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/9qhzhdud4pk49miz/aHR0cHM6Ly94LmNvbS9zaHVkaW5nL3N0YXR1cy8yMDEzNjMyNzUxNTY4ODUxMjMz" 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="1826102873">Performance Is Not a Technical Problem</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/3ohphdu3x76xz5fp/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2Fubm91bmNpbmctcmVhY3QtbmF0aXZlLWJlc3QtcHJhY3RpY2VzLWZvci1haS1hZ2VudHM=" 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="1826102874">React Native Best Practices</a> by Callstack, including many React Native optimization skills</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/n2hohquv23w2rzh0/aHR0cHM6Ly9naXRodWIuY29tL2V4cG8vc2tpbGxz" 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="1826102875">Expo Skills</a> for Expo apps and EAS projects</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/48hvh7umwrzwgxhq/aHR0cHM6Ly94LmNvbS9SZW1vdGlvbi9zdGF0dXMvMjAxMzYyNjk2ODM4Njc2NTI5MQ==" 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="1826102876">Remotion Skills</a> are trending on X, showing that you can vibe code videos with React 🤪</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>
<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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/wnh2h6uqmw9mglfl/aHR0cHM6Ly93d3cuZmlyZWZveC5jb20vZW4tVVMvZmlyZWZveC8xNDcuMC9yZWxlYXNlbm90ZXMv" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1826102877"><img src="https://thisweekinreact.com/emails/issues/265/firefox.jpg" alt="Firefox 147" 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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/wnh2h6uqmw9mglfl/aHR0cHM6Ly93d3cuZmlyZWZveC5jb20vZW4tVVMvZmlyZWZveC8xNDcuMC9yZWxlYXNlbm90ZXMv" 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="1826102877">Firefox 147</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">You might wonder why Firefox is the headline of the React section? It turns out this release is quite important for React developers, unlocking 3 new APIs that are now available in all browsers 🎉:</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/reh8h9umk09kxpi6/aHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQVBJL1ZpZXdfVHJhbnNpdGlvbl9BUEkvVXNpbmdfdHlwZXM=" 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="1826102878">View transition types</a> - React is relying on it (<code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">document.startViewTransition({update, types})</code>) to conditionally enable its <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><ViewTransition></code> component. That component is still canary, but once unflagged, it should now work in all recent browsers!</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/8ghqh3uowlewkehl/aHR0cHM6Ly9kZXZlbG9wZXIuY2hyb21lLmNvbS9ibG9nL2FuY2hvci1wb3NpdGlvbmluZy1hcGk=" 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="1826102880">CSS anchor positioning</a> - An awesome addition to CSS that should replace the need for JS-based positioning libraries many React apps used for dropdowns and tooltips, such as Tether, Popper.js, Floating 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/m2h7h6u328k2w9fl/aHR0cHM6Ly9kZXZlbG9wZXIuY2hyb21lLmNvbS9kb2NzL3dlYi1wbGF0Zm9ybS9uYXZpZ2F0aW9uLWFwaS8=" 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="1826102883">Navigation API</a> - This completely redefines the APIs used to build client-side routers / SPAs, providing a clean, centralized way to intercept navigation events, instead of using the clunky <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">history</code> API.</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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/dphehmued0zdrwsl/aHR0cHM6Ly93d3cuaW5mcmFnaXN0aWNzLmNvbS9ibG9ncy9yZWFjdC1hcHAtZXhhbXBsZXMvP3V0bV9jYW1wYWlnbj1pZ25pdGUtdWktcmVhY3QmdXRtX2NvbnRlbnQ9MTAtcmVhY3QtZ3JpZC1leGFtcGxlcyZ1dG1fbWVkaXVtPXJlZmVycmFsJnV0bV9zb3VyY2U9dGhpcy13ZWVrLWluLXJlYWN0JnV0bV90ZXJtPW5ld3NsZXR0ZXItc3BvbnNvcnNoaXA=" 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="1826102884">10 Real-World React App Examples to Inspire Your Next Project</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/e0hph0u7m09m52i7/aHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0L3B1bGwvMzU0NDk=" 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="1826102885">React RFC PR - useStore/createStore APIs</a> - A POC of implementing a React Store that is compatible with concurrent rendering, for discussion purposes.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/7qh7h2u9dovd34s9/aHR0cHM6Ly9naXRodWIuY29tL3ByZXR0aWVyL3ByZXR0aWVyL3B1bGwvMTg1MzM=" 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="1826102886">Prettier PR - Upgrade MDX parser</a> - Support for MDX v3 is finally coming.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/owhkhwuwxr3x54uq/aHR0cHM6Ly90YW5zdGFjay5jb20vYnVpbGRlcg==" 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="1826102887">TanStack Builder alpha</a>: A website to let you assemble your own TanStack visually. It looks like a convenient visual wrapper around <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">create-tanstack-app</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/z2hgh7ue539503uz/aHR0cHM6Ly9yZWFjdC5wYXJpcy8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3Q=" 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="1826102888">React Paris</a> - 🇫🇷 Paris & Online - 26–27 March - React Paris is already 50% sold out - Secure your spot at this premier React event before prices increase by €200 and save an extra 10% 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/p8hehqu4rzkr84fr/aHR0cHM6Ly93d3cuY29sdW1rZWxseS5jb20vYmxvZy91c2Utb3B0aW1pc3RpYw==" 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="1826102889">useOptimistic Won't Save You</a> - An interactive article showing that it’s not so easy to implement optimistic UI correctly, even with the new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">useOptimistic</code> and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">useActionState</code> APIs. This requires a good understanding of how React transitions work.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/x0hph3uekw8kx9fg/aHR0cHM6Ly9uZXh0anMub3JnL2Jsb2cvdHVyYm9wYWNrLWluY3JlbWVudGFsLWNvbXB1dGF0aW9u" 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="1826102890">Inside Turbopack: Building Faster by Building Less</a> - Deep dive into the new default bundler of Next.js and its fine-grained and automatic incremental caching system.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vx0ob9/aHR0cHM6Ly9tZWRpdW0uY29tL3ByZXBseS1lbmdpbmVlcmluZy9mcm9udC1lbmQtdGVzdGluZy1hdC1wcmVwbHktc2hpZnRpbmctbGVmdC10b3dhcmRzLWNvbXBvbmVudC10ZXN0aW5nLTNlODNjODYwODIzNQ==" 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="1826102891">Front-end testing at Preply: shifting left towards component testing</a> - Reorganizing front-end testing at scale by moving toward a Storybook-centric component testing approach.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/kkhmh2unzlgz44fk/aHR0cHM6Ly9wbGF5ZnVscHJvZ3JhbW1pbmcuY29tL3Bvc3RzL3JlYWN0LWNvbXBpbGVyLWxpYnJhcnktc3VwcG9ydC8=" 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="1826102892">Adapting Library Logic for React Compiler</a> - The author of TanStack Form explains a problem encountered with the React Compiler that was not reported by the ESLint plugin. Using the compiler <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">panicThreshold</code> helped detect this problem more reliably.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/58hvh8ug3mp3l3i7/aHR0cHM6Ly9ub2RlanMub3JnL2VuL2Jsb2cvdnVsbmVyYWJpbGl0eS9qYW51YXJ5LTIwMjYtZG9zLW1pdGlnYXRpb24tYXN5bmMtaG9va3M=" 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="1826102893">Node.js - Mitigating Denial-of-Service Vulnerability from Unrecoverable Stack Space Exhaustion for React, Next.js, and APM Users</a> - Node.js servers relying on <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">AsyncLocalStorage</code> (used by React RSC and Next.js) can eventually be crashed with a single request containing a deeply nested JSON payload processed recursively. They mitigated the issue in v24.13, but still recommend removing potential attack vectors from your 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/25h2h9u3l2rln6c8/aHR0cHM6Ly93dGJiLnZlcmNlbC5hcHAvaS1sb3ZlLWRvZ3M=" 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="1826102894">Rebuilding the GitHub pull request experience</a> - This dev explores how GitHub’s PR UI could be much faster, especially for large PRs, and shares lessons learned. His Next.js + React 19 demo shows impressive performance compared to GitHub’s current 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">📜 <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/qvh8h8udergeqwsg/aHR0cHM6Ly9ib2RhLnNoL2Jsb2cvcmVhY3Qtc2xvdC1hc2NoaWxkLXBhdHRlcm4v" 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="1826102895">React Slot/asChild Composition Pattern</a> - The article also highlights how <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/g3hnhwumg37gxwa3/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC91dGlscy91c2UtcmVuZGVyI21pZ3JhdGluZy1mcm9tLXJhZGl4LXVp" 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="1826102896">Base UI composition pattern differs from Radix UI</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/9qhzhdud4pk4nmbz/aHR0cHM6Ly93d3cuZGV2ZWxvcGVyd2F5LmNvbS9wb3N0cy9zZXJ2ZXItYWN0aW9ucy1mb3ItZGF0YS1mZXRjaGluZw==" 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="1826102897">Can You Fetch Data with React Server Actions?</a> - Not recommended, but technically possible, with caveats: no caching, requests are POST-only and generally processed sequentially by frameworks.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/3ohphdu3x76xv5hp/aHR0cHM6Ly9mcm9udGVuZG1hc3RlcnMuY29tL2NvdXJzZXMvcmVhY3QtcGVyZm9ybWFuY2UtdjIvP3V0bV9jYW1wYWlnbj1yZWFjdHBlcmYmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPXJlYWN0d2Vla2x5" 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="1826102898">Make React apps fast where it actually matters. Learn how to diagnose real bottlenecks and fix slow, janky React apps using modern React 19 patterns.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/n2hohquv23w2ezs0/aHR0cHM6Ly9qc29uLXJlbmRlci5kZXYv" 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="1826102899">json-render - AI-generated UI with guardrails</a> - Vercel introduced a new generative UI library. It lets users generate more complex dashboards, widgets, apps, and data visualizations from prompts, using a React component catalog you provide.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/48hvh7umwrzwkxiq/aHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3JvdXRlci9yZWxlYXNlcy90YWcvdjEuMTUyLjA=" 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="1826102900">TanStack Router 1.152 - Allow custom <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">fetch()</code> implementation for server functions</a> - This is useful for interceptors, auth, retry, testing and more (<a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/wnh2h6uqmw9m8lhl/aHR0cHM6Ly90YW5zdGFjay5jb20vc3RhcnQvbGF0ZXN0L2RvY3MvZnJhbWV3b3JrL3JlYWN0L2d1aWRlL21pZGRsZXdhcmUjY3VzdG9tLWZldGNoLWltcGxlbWVudGF0aW9u" 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="1826102901">docs</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/08hwhgu2nd0nq8tp/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC9vdmVydmlldy9yZWxlYXNlcyN2MS0xLTA=" 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="1826102903">Base UI 1.1 - New features for Autocomplete, Combobox, Select, Field, various bugfixes</a> - By the way, we recently announced Base UI support in shadcn, and Base UI components are now <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/vqh3hmuomp2mmxaw/aHR0cHM6Ly91aS5zaGFkY24uY29tL2RvY3MvY2hhbmdlbG9nIzp-OnRleHQ9dXBkYXRlcyUyMGFuZCUyMGFubm91bmNlbWVudHMuLSxKYW51YXJ5JTIwMjAyNiUyMCUyRCUyMEJhc2UlMjBVSSUyMERvY3VtZW50YXRpb24sLVdlJTI3dmUlMjBzaGlwcGVkJTIwZnVsbA==" 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="1826102905">officially documented</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/l2heh6ulq35qqncg/aHR0cHM6Ly9naXRodWIuY29tL3NoYWRjbi11aS91aS9yZWxlYXNlcy90YWcvc2hhZGNuJTQwMy43LjA=" 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="1826102906">shadcn 3.7 - New <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">npx shadcn registry add</code> command</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/m2h7h6u328k229hl/aHR0cDovL2dpdGh1Yi5jb20vZXVnZW5pb2RlcGFsby9ndGt4" 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="1826102907">GTKX - Build native GTK4 desktop apps with React and TypeScript</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/dphehmued0zddwfl/aHR0cHM6Ly9wdWNrZWRpdG9yLmNvbS9ibG9nL3B1Y2stMDIx" 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="1826102908">Puck 0.21 - Visual editor for React - AI page generation, rich text editing, new Plugin interface</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/e0hph0u7m09mm2b7/aHR0cHM6Ly93YXJwZXIudGVjaC8=" 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="1826102909">Warper - Fast React virtualization library powered by Rust and WebAssembly</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/7qh7h2u9dovdd4f9/aHR0cHM6Ly9naXRodWIuY29tL2J2YXVnaG4vcmVhY3QtZXJyb3ItYm91bmRhcnkvcmVsZWFzZXMvdGFnLzYuMS4w" 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="1826102910">React Error Boundary 6.1 - Fix error type (<code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Error</code> -> <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">unknown</code>), add <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">getErrorMessage(e)</code> helper</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/p8hehqu4rzkrr4br/aHR0cHM6Ly9naXRodWIuY29tL2Fwb2xsb2dyYXBocWwvYXBvbGxvLWNsaWVudC9yZWxlYXNlcy90YWcvJTQwYXBvbGxvL2NsaWVudCU0MDQuMS4w" 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="1826102913">Apollo Client 4.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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/x0hph3uekw8kk9hg/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1KTzJMNk1maVF0WQ==" 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="1826102914">Maximilian Schwarzmüller - Is TanStack Start better than Next.js?</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vxxoc9/aHR0cHM6Ly93YWxsYWJ5anMuY29tLz9yZWZlcnJlcj1UaGlzV2Vla0luUmVhY3RKYW4yNg==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1826102915"><img src="https://thisweekinreact.com/emails/issues/265/wallaby.jpg" alt="No breakpoints, no console.log — just AI & time travel" 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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vxxoc9/aHR0cHM6Ly93YWxsYWJ5anMuY29tLz9yZWZlcnJlcj1UaGlzV2Vla0luUmVhY3RKYW4yNg==" 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="1826102915">No breakpoints, no console.log — just AI & time travel</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">15x faster TypeScript and JavaScript debugging than with breakpoints and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">console.log</code>, while upgrading your AI agent into an expert debugger with real-time context.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Wallaby.js runs your tests as you type, feeding your AI assistant live runtime values, code coverage, error details, and execution paths — all right next to your code. With <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/58hvh8ug3mp333u7/aHR0cHM6Ly93YWxsYWJ5anMuY29tL2Jsb2cvd2FsbGFieS12My5odG1sP3JlZmVycmVyPVRoaXNXZWVrSW5SZWFjdEphbjI2" 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="1826102917">Wallaby v3’s new engine</a> 🚀, tests start instantly with cached results, prioritize active files, and stream updates in real time.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Built for testing, Wallaby includes a <strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Time Travel Debugger</strong>, the ability to run only opened files, full-context AI integration, smart test runs, and more.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vxxoc9/aHR0cHM6Ly93YWxsYWJ5anMuY29tLz9yZWZlcnJlcj1UaGlzV2Vla0luUmVhY3RKYW4yNg==" 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="1826102915">➡️ Learn More</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">📱 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React-Native</strong></u>
</h2>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">💸 <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/25h2h9u3l2rll6i8/aHR0cHM6Ly9yYWRvbi5zd21hbnNpb24uY29tLz91dG1fc291cmNlPVRXSVI=" 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="1826102918">Radon PRO – everything you need in one React Native IDE: debugger, element inspector, router integration & more. Try it now for free!</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/qvh8h8udergeewfg/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ldmVudHMvcmVhY3QtdW5pdmVyc2UtbWVldHVwLXgtemFsYW5kby1iZXJsaW4_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3Q=" 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="1826102919">React Universe Meetup at Zalando - January 29, Berlin</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/g3hnhwumg37ggwt3/aHR0cHM6Ly9ibG9nLnN3bWFuc2lvbi5jb20vaHVhd2VpLXgtc29mdHdhcmUtbWFuc2lvbi1icmluZ2luZy1yZWFjdC1uYXRpdmUtc3VwcG9ydC10by1oYXJtb255b3MtbmV4dC04MmUwMmJkNzU1NDk=" 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="1826102920">Huawei x Software Mansion: Bringing React Native Support to HarmonyOS NEXT</a> - Software Mansion helps Huawei bring RN support to their OpenHarmony OS (already powering 27 million devices), ensuring their famous libraries are also compatible (Reanimated, Screens, Gesture Handler…)</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/9qhzhdud4pk44mcz/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2NoYW5uZWwtc3VyZmluZy1mb3ItZXhwby11cGRhdGVzLWhvdy10by1zd2l0Y2gtdXBkYXRlLWNoYW5uZWxzLWF0LXJ1bnRpbWU=" 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="1826102921">Channel surfing for Expo Updates: How to switch update channels at runtime</a> - A technique to let your app’s user decide which Expo update channel to use on their own. You can limit this feature to your employees, for example.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/3ohphdu3x76xx5sp/aHR0cHM6Ly9leHBvLmRldi9ibG9nL21ha2luZy1haS1mZWVsLWh1bWFuLWluLWEtbW9iaWxlLWFwcC13aXRoLWV4cG8tcmVhbmltYXRlZC1hbmQtc2tpYQ==" 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="1826102922">Making AI feel human in a mobile app with Expo, Reanimated, and Skia</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/n2hohquv23w22zf0/aHR0cHM6Ly9kZXZibG9ncy5taWNyb3NvZnQuY29tL3JlYWN0LW5hdGl2ZS8lRjAlOUYlOUElODByZWFjdC1uYXRpdmUtd2luZG93cy12MC04MS1pcy1oZXJlLw==" 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="1826102923">React Native Windows 0.81</a> and <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/48hvh7umwrzwwxbq/aHR0cHM6Ly9naXRodWIuY29tL21pY3Jvc29mdC9yZWFjdC1uYXRpdmUtbWFjb3MvcmVsZWFzZXMvdGFnL3YwLjgxLjA=" 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="1826102924">React Native macOS 0.81</a> - Out-of-tree platforms are catching up, enabling the New Architecture by default.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/wnh2h6uqmw9mmlsl/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2ludHJvZHVjaW5nLWJyb3duaWUtdHlwZS1zYWZlLXNoYXJlZC1zdGF0ZS1mb3ItcmVhY3QtbmF0aXZlLWJyb3duZmllbGQtYXBwcw==" 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="1826102925">Brownie - Type-Safe Shared State for React Native Brownfield Apps</a> - Creates a single source of truth that lives on the native side, accessible from both TypeScript and Swift. Support for Kotlin is coming soon.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/reh8h9umk09kkpu6/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLWVucmljaGVkL3JlbGVhc2VzL3RhZy92MC4zLjA=" 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="1826102926">Enriched 0.3 - Rich Text Editor - H1->H6 heading styles, text selection API, custom links detection, and more</a> - See also the newly-released sister project <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/08hwhgu2nd0nn8ip/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24tbGFicy9yZWFjdC1uYXRpdmUtZW5yaWNoZWQtbWFya2Rvd24=" 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="1826102927">Enriched Markdown</a> that renders Markdown content as native text.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/8ghqh3uowlewzefl/aHR0cHM6Ly9yZWFjdG5hdmlnYXRpb24ub3JnL2Jsb2cvMjAyNS8xMi8xOS9yZWFjdC1uYXZpZ2F0aW9uLTguMC1hbHBoYQ==" 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="1826102928">React Navigation 8.0 alpha - Native Bottom Tabs by default, improved types, access to parent screen state, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">pushParams</code>, and more</a> - Note that since this initial alpha release, <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/vqh3hmuomp2mlxtw/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0LW5hdmlnYXRpb24vcmVhY3QtbmF2aWdhdGlvbi9yZWxlYXNlcy90YWcvJTQwcmVhY3QtbmF2aWdhdGlvbiUyRm5hdGl2ZSU0MDguMC4wLWFscGhhLjE=" 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="1826102929">alpha.1</a> has been published and includes even more features: automatic deep links, SFSymbols/Material Symbols, improved screen preloading.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/dphehmued0zdvwtl/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLXNjcmVlbnMvcmVsZWFzZXMvdGFnLzQuMjAuMA==" 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="1826102932">Screens 4.20 - formSheet dynamic content size, a11y & testing 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/7qh7h2u9dovdq4h9/aHR0cHM6Ly9naXRodWIuY29tL2Fkbnh5L3Juc2VjL3JlbGVhc2VzL3RhZy92MS4xLjA=" 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="1826102934">RNSec 1.1 - Path exclusion, incremental scanning, cleaner output, rule ignoring, and more</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/owhkhwuwxr3xp4tq/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLWF1ZGlvLWFwaS9yZWxlYXNlcy90YWcvMC4xMS4w" 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="1826102935">Audio API 0.11 - Recording to file, new Web Audio API nodes, DX 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/z2hgh7ue5395n3bz/aHR0cHM6Ly9naXRodWIuY29tL2tpcmlsbHp5dXNrby9yZWFjdC1uYXRpdmUtdGVsZXBvcnQ=" 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="1826102936">Teleport - The missing native portal implementation for React Native</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/p8hehqu4rzkrm4cr/aHR0cHM6Ly9naXRodWIuY29tL2FyZWtrdWJhY3prb3dza2kvcmVhY3QtbmF0aXZlLWJvdHRvbS1zaGVldC1zdGFjaw==" 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="1826102937">Bottom Sheet Stack - Stack manager for Bottom Sheet - Preserves React context, Portal-based API</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/x0hph3uekw8ko9ug/aHR0cHM6Ly9naXRodWIuY29tL21yb3VzYXZ5L25pdHJvL3JlbGVhc2Vz" 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="1826102938">Nitro 0.32 & 0.33 - View recycling, custom <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">UIView</code> subclasses, Performance & DX 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vxzoi9/aHR0cHM6Ly9naXRodWIuY29tL29rd2Fzbmlld3NraS9leHBvLWljbG91ZC1zdG9yYWdl" 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="1826102939">Expo iCloud Storage - React Native wrapper for iCloud's <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">NSUbiquitousKeyValueStore</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/kkhmh2unzlgzr4uk/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFjay9yZWFjdC1uYXRpdmUtdGVzdGluZy1saWJyYXJ5L3JlbGVhc2VzL3RhZy92MTQuMC4wLWJldGEuMA==" 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="1826102940">React Native Testing Library 14.0 beta - React19+, async APIs, new renderer, migration guide available</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/58hvh8ug3mp3q3a7/aHR0cHM6Ly9naXRodWIuY29tL01hdHRoZXdTUkMvbmF0aXZlLXNwcmluZ3Mtc2hhZGVycw==" 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="1826102941">Native Spring Shaders - High-performance native shader effects for React Native and Expo</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/25h2h9u3l2rl66b8/aHR0cHM6Ly9naXRodWIuY29tL3Bhd2ljYW8vcmVhY3QtbmF0aXZlLWhlYWRlci1tb3Rpb24=" 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="1826102942">Header Motion - An abstraction for scroll-driven header animations</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/qvh8h8udergezwhg/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1TYzJvLTJwLWtkMA==" 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="1826102943">Callstack - Understanding Threads and Queues in Swift TurboModules</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/9qhzhdud4pk40miz/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1abTR6LThpN1BnQQ==" 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="1826102945">Expo - AI mobile app development with Replit and Expo</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/n2hohquv23w2mzh0/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9wb2RjYXN0cy9idWlsZGluZy12MC1pb3MtYW5kLWZpeGluZy1yZWFjdC1uYXRpdmUtYWxvbmctdGhlLXdheQ==" 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="1826102947">React Universe on Air - Shipping v0 iOS: React Native Without Compromises</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/8ghqh3uowlewdehl/aHR0cHM6Ly9hc3Ryby5idWlsZC9ibG9nL2pvaW5pbmctY2xvdWRmbGFyZS8=" 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="1826102952">The Astro Technology Company joins Cloudflare</a> - Interesting to see another popular framework join a tech giant. It will remain free, open source, and MIT-licensed.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/l2heh6ulq35q2nbg/aHR0cHM6Ly9naXRodWIuY29tL3RjMzkvYWdlbmRhcy9ibG9iL21haW4vMjAyNi8wMS5tZA==" 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="1826102954">TC39 - Agenda for the 112th meeting</a> - Currently in progress, some JS proposals already progressed, such as <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">map.getOrInsert()</code> (stage 4) and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">import.sync()</code> (stage 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/dphehmued0zd6wul/aHR0cHM6Ly9jYWxlbmRhci5wZXJmcGxhbmV0LmNvbS8yMDI1L3RoZS1jdXJpb3VzLWNhc2Utb2YtdGhlLXNoYWxsb3ctc2Vzc2lvbi1zcGFzLw==" 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="1826102956">The Curious Case of the Shallow Session SPAs</a>: Alex Russell argues that most SPAs shouldn’t be. Data shows that, on average, users produce a single soft navigation after the initial load, and that the upfront cost we pay is probably not worth 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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/7qh7h2u9dovdl4h9/aHR0cHM6Ly9hbGx0aGluZ3NzbWl0dHkuY29tLzIwMjYvMDEvMTIvc3RvcC10dXJuaW5nLWV2ZXJ5dGhpbmctaW50by1hcnJheXMtYW5kLWRvLWxlc3Mtd29yay1pbnN0ZWFkLw==" 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="1826102958">Stop turning everything into arrays (and do less work instead)</a> - Pragmatic introduction tio iterators.</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/owhkhwuwxr3x94cq/aHR0cHM6Ly9sZWEudmVyb3UubWUvYmxvZy8yMDI2L3dlYi1kZXBzLw==" 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="1826102959">Web dependencies are broken. Can we fix them?</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/z2hgh7ue539563cz/aHR0cHM6Ly9kZXYudG8vdGhpcy1pcy1sZWFybmluZy9qYXZhc2NyaXB0LWZyYW1ld29ya3MtaGVhZGluZy1pbnRvLTIwMjYtMmhlbA==" 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="1826102960">JavaScript Frameworks - Heading into 2026</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/p8hehqu4rzkr64ur/aHR0cHM6Ly9ub2RlanMub3JnL2VuL2Jsb2cvcmVsZWFzZS92MjUuNC4w" 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="1826102961">Node.js 25.4 - <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">require(esm)</code>, compile cache, and various other APIs are now stable</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/x0hph3uekw8k29ag/aHR0cHM6Ly9ibG9nLmpxdWVyeS5jb20vMjAyNi8wMS8xNy9qcXVlcnktNC0wLTAv" 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="1826102962">jQuery 4.0 - Remove IE11 support and deprecated methods, slimmer</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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/6qhehoulx7vxroc9/aHR0cHM6Ly9ub2RlanMuZ2l0aHViLmlvL3BhY2thZ2UtZXhhbXBsZXMv" 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="1826102963">Node.js package examples</a> - The Node.js team created a guide on package shipping patterns and how to handle CJS/ESM.</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">🤭 </strong><strong style="font-family:Helvetica, Arial, sans-serif"><u style="font-family:Helvetica, Arial, sans-serif">Fun</u></strong>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/kkhmh2unzlgzw4ak/aHR0cHM6Ly94LmNvbS9SaHlzU3VsbGl2YW4vc3RhdHVzLzIwMTIzNTQzNDYwNjM2ODQwMzQ=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1826102964"><img src="https://thisweekinreact.com/emails/issues/265/meme1.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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/7qh7h2u9dovdlda9/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXIvc3RhdHVzLzIwMTMyMDQ4NTU4NDI1NTAwMzg=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1826102965"><img src="https://thisweekinreact.com/emails/issues/265/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://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/owhkhwuwxr3x9pfq/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="1826102966"><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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/z2hgh7ue539566fz/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="1826102967"><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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/p8hehqu4rzkr6obr/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="1826102968"><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.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Unsubscribe</a> |
⚙️ <a href="https://preferences.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Email Preferences</a> |
💸 <a href="https://click.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk/x0hph3uekw8k26cg/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1826102969">Advertise</a>
</td></tr></table>
</div>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
<!-- -->
<img src="https://open.kit-mail6.com/mvu0g06n3lh5hq25723smhrk950qqb3h2qnmk" alt="" style="font-family:Helvetica, Arial, sans-serif">
</body>
</html>