<!DOCTYPE html>
<html style="font-family:Helvetica, Arial, sans-serif">
<head style="font-family:Helvetica, Arial, sans-serif">
<!--[if mso]>
<center>
<table><tr><td width="660">
<![endif]-->
<style style="font-family:Helvetica, Arial, sans-serif">.ck-link { text-decoration: underline; }</style>
<style style="font-family:Helvetica, Arial, sans-serif">@media only screen { .email * { word-break: break-word; } }
@media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; } }</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="font-family:Helvetica, Arial, sans-serif">
<style>a:hover{color:#1b8ede;border-bottom-color:#1b8ede}
.button:hover{color:#fff;background:#666}</style>
</head>
<body style="font-family:Helvetica, Arial, sans-serif">
<div class="message-content" style="font-size:16px;line-height:1.4em;color:#333333;max-width:660px;margin:8px auto;padding:0 8px;font-family:Helvetica, Arial, sans-serif">
<table cellpadding="0" cellspacing="0" style="font-family:Helvetica, Arial, sans-serif;width:100%;margin:0 auto"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td style="font-family:Helvetica, Arial, sans-serif">
<p style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;text-align:center;font-size:12px" class="">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/e0hph0u7vwk79gs7/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="1840795217"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;font-size:12px">π Read Online </span></a>β</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Hi everyone, <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/7qh7h2u9lp09v2h9/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795218">Seb</a> and <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/owhkhwuw9l4w32tq/aHR0cHM6Ly94LmNvbS9qYXdvcmVrMzIxMQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795219">Jan</a> here π!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">This week, RedwoodSDK 1.0 dropped, and other meta-frameworks improved their SSR performance. A bunch of content related to Async React and the TanStack too!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">On the React Native side, Expo UI support for Jetpack Compose is quite exciting. A new animation library could also be an interesting alternative to Reanimated CSS transitions.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Temporal has finally reached stage 4! We also have great announcements from the Vue.js conf that remain relevant for React developers, notably Vite 8.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Let's dive in!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">As always, thanks for supporting us on your favorite platform:</p>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/z2hgh7ue6roe9ltz/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="1840795220">Bluesky</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">βοΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/p8hehqu46594kpur/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="1840795221">X / Twitter</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/x0hph3ue2dne8msg/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="1840795222">LinkedIn</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π½ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/6qhehoulr6plvqi9/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="1840795223">Reddit</a>β</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">πΈ </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Sponsor</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/kkhmh2unw28ndgak/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvdHdpcg==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1840795224"><img src="https://thisweekinreact.com/emails/issues/273/coderabbit.jpg" alt="Cut Code Review Time & Bugs in Half" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/kkhmh2unw28ndgak/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvdHdpcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795224">Cut Code Review Time & Bugs in Half</a>β</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Code reviews are critical but time-consuming. CodeRabbit acts as your AI co-pilot, providing instant Code review comments and potential impacts of every pull request.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Beyond just flagging issues, CodeRabbit provides one-click fix suggestions and lets you define custom code quality rules using AST Grep patterns, catching subtle issues that traditional static analysis tools might miss.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">CodeRabbit reviews 1 million PRs every week across 3 million repositories and is used by 100 thousand Open-source projects.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">CodeRabbit is free for all open-source repo's.</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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/kkhmh2unw28ndgak/aHR0cHM6Ly9jb2RlcmFiYml0LmxpbmsvdHdpcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795224">Get Started Today</a>β</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">βοΈ </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/58hvh8ugxo5gvvu7/aHR0cHM6Ly9yd3Nkay5jb20v" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1840795225"><img src="https://thisweekinreact.com/emails/issues/273/redwood.jpg" alt="RedwoodSDK 1.0" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/58hvh8ugxo5gvvu7/aHR0cHM6Ly9yd3Nkay5jb20v" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795225">RedwoodSDK 1.0</a>β</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">The former RedwoodJS meta-framework has <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/qvh8h8udw28d7vsg/aHR0cHM6Ly9yd3Nkay5jb20vYmxvZy9yZWR3b29kanMtdG8tcmVkd29vZHNkaw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795227">pivoted to RedwoodSDK</a>, and it now has its first stable release. This time, it bets on Vite, React Server Components, and Cloudflare (using Durable Objects for its <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">useSyncedState()</code> realtime feature). It promises explicit APIs for clarity (no convention, no magic behavior) through composable web-based primitives.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">The choice of being tightly coupled to Cloudflare might surprise you, but they explain it in this <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/g3hnhwum9oemdot3/aHR0cHM6Ly9yd3Nkay5jb20vYmxvZy93aHktY2xvdWRmbGFyZS11bmlmaWVkLXBsYXRmb3Jt" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795228">article</a>. They are building abstractions on top of Cloudflare Bindings and Durable Objects to become service-agnostic while remaining platform-optimized. Similarly, Evan You has recently announced <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/9qhzhdudw3gdqlbz/aHR0cHM6Ly92b2lkLmNsb3VkLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795229">Void.cloud</a> β a Vite-native deployment platform based on Cloudflare β and explained that <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/3ohphdu3m9q3odfp/aHR0cHM6Ly94LmNvbS95b3V5dXhpL3N0YXR1cy8yMDMyNTAxNTgxNjQ0NDk3MTM5" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795230">βthe lock-in is what makes the DX possibleβ</a>. Time will tell how this story compares to Next.js and OpenNext π€ͺ.</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:600px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" width="600" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:600px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">πΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/n2hohquvq5nv8na0/aHR0cHM6Ly9wc2NhbGUubGluay9ydw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795231">PlanetScale - Faster apps start with a faster database. Get started with the fastest benchmarked Postgres and MySQL.</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/48hvh7umlq0m5rbq/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC9uZXh0LmpzL3B1bGwvOTA5MzM=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795232">Next.js PR - Update vercel/og and Satori</a> - This greatly improves the performance of <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">ImageResponse</code> and unlocks new features.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/reh8h9umdvqm2wu6/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="1840795234">React Paris - Workshop Day</a> - π«π· Paris - 25 Mar. Deep-dive into React Query and/or nuqs with industry experts. Limited seats available β get 50% off with code "TWIR_WS".</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/08hwhgu2ewm2ozfp/aHR0cHM6Ly93d3cuYWhhLmlvL2VuZ2luZWVyaW5nL2FydGljbGVzL3doeS13ZS1yb2xsZWQtb3VyLW93bi1yc2MtZnJhbWV3b3Jr" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795235">Why we rolled our own React Server Components framework</a> - The Aha! engineering team built their own customizable RSC framework. The Vite RSC plugin absorbs much of the complexity. This article shows how you can do it too, and when it could make sense to do so.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/8ghqh3uodpgo0khl/aHR0cHM6Ly94LmNvbS9hbHZpbnNuZy9zdGF0dXMvMjAzMzk2OTA2MjgzNDA0NTA4OQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795236">Why we banned React's useEffect</a> - The Factory team chose to forbid direct usage of <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">useEffect()</code> through an ESLint rule, reducing bugs and complexity. Its usage often compensates for something React already gives better primitives for.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/vqh3hmuo03noxmuw/aHR0cHM6Ly9kZXYudG8vcGxheWZ1bHByb2dyYW1taW5nL3R3by1yZWFjdC1kZXNpZ24tY2hvaWNlcy1kZXZlbG9wZXJzLWRvbnQtbGlrZS1idXQtY2FudC1hdm9pZC1kNmc=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795237">Two React Design Choices Developers Donβt LikeβBut Canβt Avoid</a> - Ryan Carniato explains why React defers state updates and has an effect dependency array. While designing Solid 2.0, he realized that the Async world has constraints that even signal-based frameworks need to take into consideration.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/l2heh6ul2vol0ebg/aHR0cHM6Ly9ibG9nLnBsYXRmb3JtYXRpYy5kZXYvcmVhY3Qtc3NyLWZyYW1ld29yay1iZW5jaG1hcmstdGFuc3RhY2stc3RhcnQtcmVhY3Qtcm91dGVyLW5leHRqcw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795238">React SSR Benchmark: TanStack, React Router, Next.js</a> - A stress-test of popular React meta-frameworks that led framework authors to fix many performance bottlenecks.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/m2h7h6u350o3g5fl/aHR0cHM6Ly90YW5zdGFjay5jb20vYmxvZy90YW5zdGFjay1zdGFydC01eC1zc3ItdGhyb3VnaHB1dA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795239">TanStack Start - 5x SSR Throughput after profiling SSR Hot Paths</a> - Based on the benchmark above, the TanStack team explains the methodology used to uncover SSR bottlenecks and how they significantly improved the performance under heavy load.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/dphehmue6wqe4nsl/aHR0cHM6Ly93d3cubm9uc29vLmNvbS9wb3N0cy9hc3luYy1yZWFjdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795240">From Fiber to Async React</a> - An interactive deep dive into React Async features.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/e0hph0u7vwk7pgf7/aHR0cHM6Ly9pbnNpZGUtcmVhY3QudmVyY2VsLmFwcC9ibG9nL21ha2luZy1zZW5zZS1vZi1rZXktcHJvcC1pbi1yZWFjdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795241">Making sense of 'key' prop in React</a> - A refresher on why keys matter and how <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">index</code> or <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Math.random()</code> can break state and reconciliation.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">πΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/7qh7h2u9lp09k2s9/aHR0cHM6Ly9nby5wb3N0aG9nLmNvbS90d2lyLW1hcjE4" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795242">Product for Engineers - The engineeringification of everything</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/owhkhwuw9l4wk2uq/aHR0cHM6Ly9uZXh0anMub3JnL2Jsb2cvbmV4dC0xNi0yLWFp" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795243">Next.js 16.2 - AI Improvements</a> - Agents are asked to read versioned docs at <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">node_modules/next/dist/docs/</code>, browser logs can be forwarded to the terminal, Dev Server lockfile, and a new experimental agent DevTools CLI.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/z2hgh7ue6roe4luz/aHR0cHM6Ly9naXRodWIuY29tL2hha2ltZWwvcmV2ZWFsLmpzL3JlbGVhc2VzL3RhZy82LjAuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795244">Reveal.js 6.0 - Presentation Framework - New <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">@revealjs/react</code> integration package</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/p8hehqu465943par/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC9vdmVydmlldy9yZWxlYXNlcy92MS0zLTA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795245">Base UI 1.3 - Drawer is stable, Label for Combobox/Select/Slider, 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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/x0hph3ue2dnermfg/aHR0cHM6Ly92ZXJjZWwuY29tL2NoYW5nZWxvZy9zdHJlYW1kb3duLTItNQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795246">Streamdown 2.5 - Inline KaTeX support, staggered streaming animations, 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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/6qhehoulr6plkqb9/aHR0cHM6Ly92ZXJjZWwuY29tL2NoYW5nZWxvZy9haS1lbGVtZW50cy0xLTk=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795247">AI Elements 1.9 - New JSXPreview to render incomplete JSX, agent skills, 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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/kkhmh2unw28n5gtk/aHR0cHM6Ly9naXRodWIuY29tL1RhblN0YWNrL3F1ZXJ5L3JlbGVhc2VzL3RhZy8lNDB0YW5zdGFjay9xdWVyeS1jb3JlJTQwNS45MS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795248">TanStack Query 5.91 - New <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">environmentManager</code> 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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/58hvh8ugxo5gnva7/aHR0cHM6Ly9jYW50LW1haW50YWluLnNhc2NoYjJiLmNvbS8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795249">Canβt Maintain - React Component API Game</a> - A fun interactive quiz to teach you component API design lessons.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π₯ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/25h2h9u3907388c8/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj05eUk1Y2dGQWhUdw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795250">Alem Tuzlak - TanStack AI Just Got a Huge Upgrade: Generation Hooks, Lazy Tools, Realtime & Middleware</a> - On the <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/qvh8h8udw28d4vfg/aHR0cHM6Ly90YW5zdGFjay5jb20vYmxvZw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795251">TanStack blog</a>, youβll find many updates about their AI packages. Not strictly about React, but youβll learn about React-specific integrations, such as <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">useRealtimeChat()</code> hiding the complexity of connecting directly to a voice AI provider, or generation hooks that integrate nicely with TanStack Start.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π₯ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/g3hnhwum9oemlou3/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj15dGkxNTZDdkdsYw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795252">Austin Davis - I Tried TanStack Form and I'm Not Going Back</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">ποΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/9qhzhdudw3gd6lcz/aHR0cHM6Ly9zeW50YXguZm0vc2hvdy85ODgvY2xvdWRmbGFyZS1zLW5leHQtanMtc2xvcC1mb3Jr" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795253">Syntax.fm 988 - Cloudflareβs Next.js Slop Fork</a>β</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">πΈ </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Sponsor</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/3ohphdu3m9q32dhp/aHR0cHM6Ly9zZW50cnkuaW8vY29va2Jvb2svc3RydWN0dXJlZC1sb2dnaW5nLWxvZ3RhcGUvP3V0bV9jYW1wYWlnbj1sb2dzLWZ5MjdxMS1jb29rYm9vayZ1dG1fY29udGVudD1uZXdzbGV0dGVyLWxvZ3RhcGUtc2Vjb25kYXJ5LXRyeXNlbnRyeSZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1840795254"><img src="https://thisweekinreact.com/emails/issues/273/sentry.jpg" alt="Make your logs queryable, not just readable" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/3ohphdu3m9q32dhp/aHR0cHM6Ly9zZW50cnkuaW8vY29va2Jvb2svc3RydWN0dXJlZC1sb2dnaW5nLWxvZ3RhcGUvP3V0bV9jYW1wYWlnbj1sb2dzLWZ5MjdxMS1jb29rYm9vayZ1dG1fY29udGVudD1uZXdzbGV0dGVyLWxvZ3RhcGUtc2Vjb25kYXJ5LXRyeXNlbnRyeSZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795254">Make your logs queryable, not just readable</a>β</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">console.log("here")</code>doesn't cut it in production. Structured logs do.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Use this tutorial to connect LogTape + Sentry and make every log searchable, queryable, and connected to your traces. When something breaks, you'll get the full picture: log events, error context, and Session Replay, all linked by trace ID.</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">Filter by user ID, order ID, or any custom field</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">Attach context once, inherit it everywhere</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">Alert when log patterns spike before users notice</span></li>
</ul>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/3ohphdu3m9q32dhp/aHR0cHM6Ly9zZW50cnkuaW8vY29va2Jvb2svc3RydWN0dXJlZC1sb2dnaW5nLWxvZ3RhcGUvP3V0bV9jYW1wYWlnbj1sb2dzLWZ5MjdxMS1jb29rYm9vayZ1dG1fY29udGVudD1uZXdzbGV0dGVyLWxvZ3RhcGUtc2Vjb25kYXJ5LXRyeXNlbnRyeSZ1dG1fbWVkaXVtPXBhaWQtY29tbXVuaXR5JnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795254">See the full recipe β‘οΈ</a>β</p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">π± </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React-Native</strong></u>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/n2hohquvq5nvxnt0/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2V4cG8tdWktaW4tc2RrLTU1LWpldHBhY2stY29tcG9zZS1ub3ctYXZhaWxhYmxlLWZvci1yZWFjdC1uYXRpdmUtYXBwcw==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1840795255"><img src="https://thisweekinreact.com/emails/issues/273/expoui.jpg" alt="Expo UI in SDK 55" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/n2hohquvq5nvxnt0/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2V4cG8tdWktaW4tc2RrLTU1LWpldHBhY2stY29tcG9zZS1ub3ctYXZhaWxhYmxlLWZvci1yZWFjdC1uYXRpdmUtYXBwcw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795255">Expo UI in SDK 55 - Jetpack Compose now available</a>β</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Expo SDK 55 brings major updates to Expo UI, moving Jetpack Compose support to beta and refining SwiftUI APIs to match Apple's official conventions more closely. Instead of reimplementing native components in JavaScript, Expo UI exposes the native UI frameworks directly to React Native.</p>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Jetpack Compose support:</strong> now includes enough Material Design 3 components (like <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">LazyColumn</code>, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">ModalBottomSheet</code>, and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">DockedSearchBar</code>) to build complete apps, which was validated by building a full Wikipedia clone.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">SwiftUI: now it feels like SwiftUI:</strong> renamed and restructured SwiftUI components to match their SwiftUI counterparts. <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">DateTimePicker</code> is now <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">DatePicker</code>, <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Switch</code> is now <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Toggle</code>, and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">CircularProgress</code> is now <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">ProgressView</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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Familiar API surface:</strong> It uses React's compound component pattern (e.g., <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">ListItem.Leading</code>) to express Compose's composable lambdas in JSX, and aligns the modifier system so it works consistently across platforms.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">AI-Friendly:</strong> Because the APIs intentionally mirror native Compose and SwiftUI documentation, AI assistants can easily generate correct Expo UI code relying on their existing native training data.</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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/48hvh7umlq0mprcq/aHR0cHM6Ly9naXRodWIuY29tL0FwcEFuZEZsb3cvcmVhY3QtbmF0aXZlLWVhc2U=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1840795256"><img src="https://thisweekinreact.com/emails/issues/273/rnease.jpg" alt="React Native Ease - Lightweight declarative animations powered by platform APIs" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">β<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/48hvh7umlq0mprcq/aHR0cHM6Ly9naXRodWIuY29tL0FwcEFuZEZsb3cvcmVhY3QtbmF0aXZlLWVhc2U=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795256">React Native Ease - Lightweight declarative animations powered by platform APIs</a>β</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">New animation library designed to handle simple transitions with maximum performance. While Reanimated is incredibly flexible, it runs JS on every frame on the UI thread, which can be overkill and cause flickering if the thread lags. <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">react-native-ease</code> solves this by leveraging Core Animation on iOS and Animator on Android directly, resulting in zero JS overhead.</p>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">CSS-like API:</strong> Offers a highly simplified, declarative API inspired by CSS transitions. You simply wrap elements in an <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><EaseView></code> component and pass an <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">animate</code> prop.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Built for the basics:</strong> Perfect for non-layout properties like opacity, transforms, background color, and border radius. It prevents the need to create hundreds of shared values just for simple press animations in lists.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">AI Migration Skill:</strong> It includes an AI agent skill that can automatically scan your codebase, identify simple Animated/Reanimated implementations, and migrate them over to <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">react-native-ease</code>.</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:600px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" width="600" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:600px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">πΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/reh8h9umdvqm3wa6/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="1840795258">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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/08hwhgu2ewm29zup/aHR0cHM6Ly9leHBvLmRldi9ibG9nL3RoZS1uZXh0LWdlbmVyYXRpb24tb2YtZXhwby1hcGlzLW1lZGlhbGlicmFyeS1hbmQtY29udGFjdHM=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795259">The next generation of Expo APIs: MediaLibrary and Contacts</a> - Following the Filesystem update, Contacts and Media Library are getting the new object-oriented API treatment. The use of Shared Objects and Shared Refs offers better performance and simpler querying through deeper native module integration.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/8ghqh3uodpgo2ksl/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2hhbmRsaW5nLW5hdmlnYXRpb24taW4tcmVhY3QtbmF0aXZlLWJyb3duZmllbGQtYXBwcw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795260">Handling Navigation in React Native Brownfield Apps</a> - Navigation for brownfield apps can be tricky. <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">@callstack/brownfield-navigation</code> aims to simplify this process by wiring navigation in a clean, typed, and maintainable way.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/vqh3hmuo03novmaw/aHR0cHM6Ly9raXJpbGx6eXVza28uZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1rZXlib2FyZC1jb250cm9sbGVyL2Jsb2cvY2hhdC1zY3JvbGwtdmlldw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795261">Keyboard Controller 1.2 - Chat Scroll View</a> - Tackles layout thrashing during keyboard animations. This <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/l2heh6ul2volneig/aHR0cHM6Ly9tZWRpdW0uY29tL0Bpb3NlbWFnbm8vaG93LXdlLWVsaW1pbmF0ZWQta2V5Ym9hcmQtYW5pbWF0aW9uLXN0dXR0ZXItaW4tZmx1dHRlci1hbmQtd2h5LXRoZS1zYW1lLXByb2JsZW0taGF1bnRzLXJlYWN0LTJlMTVjMzc0MzhiMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795262">related article</a> explains why Flutter and React Native suffer from the same keyboard animation stutter.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/m2h7h6u350o3q5hl/aHR0cHM6Ly9naXRodWIuY29tL2picm9tYS9mYXN0LWZsb3ctdHJhbnNmb3Jt" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795263">Fast Flow Transform - Strip Flow types 20x faster than with Babel</a> - This tool might help remove Babel entirely from your React Native pipeline and adopt a full Rust-based toolchain. Note that SWC is also working on <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/dphehmue6wqeonfl/aHR0cHM6Ly9naXRodWIuY29tL3N3Yy1wcm9qZWN0L3N3Yy9wdWxsLzExNzAy" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795264">Flow types stripping</a>.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/e0hph0u7vwk7lgc7/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9yZWFjdC1uYXRpdmUtc2FuZGJveC9yZWxlYXNlcy90YWcvdjAuNS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795265">React Native Sandbox 0.5 - Now supports Android</a> - Allows you to run multiple, isolated React Native instances within a single application</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/7qh7h2u9lp0962s9/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9hZ2VudC1kZXZpY2UvcHVsbC8yMTQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795266">Agent Device 0.8.4 - Screenshot diff support</a> - CLI tool for pixel-level image comparison.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/owhkhwuw9l4w62aq/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24tbGFicy9yZWFjdC1uYXRpdmUtc3RyZWFtZG93bg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795267">React Native Streamdown - Markdown streaming for React Native</a> - Can render incomplete Markdown documents, useful for streaming LLM chats.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/z2hgh7ue6roeklaz/aHR0cHM6Ly9naXRodWIuY29tL2VudHJvcHljb25xdWVycy9yZWFjdC1uYXRpdmUtcmVhbmltYXRlZC1kbmQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795268">React Native Reanimated DnD 2.0 - Drag-and-drop library using Reanimated 4 and Gesture Handler</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/p8hehqu465942ptr/aHR0cHM6Ly9naXRodWIuY29tL2Rhbm55aHcvdml0ZS1wbHVnaW4tcm53L3JlbGVhc2VzL3RhZy92MC4wLjEx" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795269">Vite Plugin RNW 0.0.11 - Vite 8 support for React Native Web</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π₯ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/x0hph3ue2dnepmhg/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1aM0ZvWjRyX1dZOA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795270">Simon Grimm - How to Build Smart TV Apps with React Native (Vega OS Guide)</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π₯ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/6qhehoulr6pl5qi9/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1vQUlxbjQ0WTYzYw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795271">Beto - This New React Native Animation Library Is Insane (Ease)</a>β</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">ποΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/kkhmh2unw28neguk/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_bGlzdD1QTFNrMjF6bjhmRlpEWC1MZWFEN0MzSGpVci1SN2E2LUtnJnY9dUlfOFNQN2F3c0E=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795272">Software Mansion Podcast 1 - AI Made 20 Years of Learning Obsolete in 2 Months β Simon Grimm x Tomek Zawadzki</a> - SWM is launching its new React Native podcast, while Rocket Ship is <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/58hvh8ugxo5g0vs7/aHR0cHM6Ly9wb2RjYXN0LmdhbGF4aWVzLmRldi9lcGlzb2Rlcy93aHktaS1tLXBhdXNpbmctdGhlLXJvY2tldC1zaGlwLXBvZGNhc3QtZm9yLW5vdw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795273">taking a break</a>.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">ποΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/25h2h9u39073g8i8/aHR0cHM6Ly9pbmZpbml0ZS5yZWQvcmVhY3QtbmF0aXZlLXJhZGlvL3Juci0zNTYtaG93LXZlcmNlbC1idWlsdC10aGUtdjAtYXBwLXdpdGgtcmVhY3QtbmF0aXZl" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795274">React Native Radio 356 - How Vercel Built the v0 App with React Native</a>β</span></li>
</ul>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">π </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Other</strong></u>
</h2>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π£ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/n2hohquvq5nvgns0/aHR0cHM6Ly9zb2NrZXQuZGV2L2Jsb2cvdGMzOS1hZHZhbmNlcy10ZW1wb3JhbC10by1zdGFnZS00" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795279">TC39 Advances Temporal to Stage 4 Alongside Several ECMAScript Proposals</a> - Great news for Temporal, being standardized in ECMAScript 2026. Import Text is also super useful and now stage 3.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/48hvh7umlq0m9raq/aHR0cHM6Ly9ibG9vbWJlcmcuZ2l0aHViLmlvL2pzLWJsb2cvcG9zdC90ZW1wb3JhbC8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795280">Temporal: The 9-Year Journey to Fix Time in JavaScript</a> - From the origins of the Date API to the backstory of how Temporal got standardized. Remains to define how it will integrate with existing Web APIs, such as date inputs.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/wnh2h6uq7vrq4qal/aHR0cHM6Ly9ibG9nLnBsYXRmb3JtYXRpYy5kZXYvd2h5LW5vZGVqcy1uZWVkcy1hLXZpcnR1YWwtZmlsZS1zeXN0ZW0=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795281">Why Node.js Needs a Virtual File System</a> - A <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">node:vfs</code> API should land as experimental in Node 24, and polyfills are already available for Node 22. Being able to load code generated at runtime can be quite useful!</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/reh8h9umdvqm7wh6/aHR0cHM6Ly92aXRlLmRldi9ibG9nL2Fubm91bmNpbmctdml0ZTg=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795282">Vite 8.0 - Faster Rust-based Rolldown bundler</a> - A major Vite release just dropped, based on the new unified Rust-based toolchain. The React plugin is also updated, and thereβs a compatibility preset for the React Compiler.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/8ghqh3uodpgo3ksl/aHR0cHM6Ly92b2lkemVyby5kZXYvcG9zdHMvYW5ub3VuY2luZy12aXRlLXBsdXMtYWxwaGE=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795284">Vite+ Alpha - The Unified Toolchain for the Web</a> - The Void0 company finally decided that it will be free and under MIT license.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/vqh3hmuo03no4maw/aHR0cHM6Ly9veGMucnMvYmxvZy8yMDI2LTAzLTExLW94bGludC1qcy1wbHVnaW5zLWFscGhh" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795285">Oxlint JS Plugins Alpha</a> - Oxlint is already compatible with many ESLint rules, including React hooks and React Compiler rules. Whatβs most interesting is how they achieve good performance thanks to the low-level βraw transferβ mechanism.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">π¦ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/l2heh6ul2vol4ebg/aHR0cHM6Ly92aXRlc3QuZGV2L2Jsb2cvdml0ZXN0LTQtMS5odG1s" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795286">Vitest 4.1 - Support for Vite 8, test tags, new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">aroundEach/All</code> hooks, 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://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/m2h7h6u350o395sl/aHR0cHM6Ly9idW4uY29tL2Jsb2cvYnVuLXYxLjMuMTE=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795287">Bun 1.3.11 - <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Bun.cron</code>, smaller on Linux, many bugfixes</a>β</span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">π€ </strong><strong style="font-family:Helvetica, Arial, sans-serif"><u style="font-family:Helvetica, Arial, sans-serif">Fun</u></strong>
</h2>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/dphehmue6wqeknhl/aHR0cHM6Ly94LmNvbS9BZGFtUmFja2lzL3N0YXR1cy8yMDMzNTg2MzA0MTgxNTAyMDE5" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1840795288"><img src="https://thisweekinreact.com/emails/issues/273/meme.jpg" alt="alt" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none">β</figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">See ya! π</p>
</td></tr></tbody></table>
<div class="footer-social" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;border-top:1px dotted #888;padding:20px 0px;padding-bottom:10px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif">
<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/7qh7h2u9lp09v2h9/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="1840795218"><img src="https://thisweekinreact.com/social/x.png" alt="X / Twitter link" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;width:48px;height:48px"></a>
<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/e0hph0u7vwk7egi7/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="1840795289"><img src="https://thisweekinreact.com/social/linkedin.png" alt="LinkedIn link" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;width:48px;height:48px"></a>
<a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/7qh7h2u9lp0982f9/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="1840795290"><img src="https://thisweekinreact.com/social/instagram.png" alt="Instagram link" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;width:48px;height:48px"></a>
</td></tr></table>
</div>
<div class="footer" style="font-size:16px;line-height:1.4em;color:#333333;border-top:1px dotted #888;padding:20px 0px;font-family:Helvetica, Arial, sans-serif;color:#aaa;font-size:14px;padding-bottom:10px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif">
π <a href="https://76518bdd.unsubscribe.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Unsubscribe</a> |
βοΈ <a href="https://preferences.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1">Email Preferences</a> |
πΈ <a href="https://76518bdd.click.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2/owhkhwuw9l4wn2tq/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1840795291">Advertise</a>
</td></tr></table>
</div>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
<!-- -->
<img src="https://76518bdd.open.convertkit-mail4.com/75udrd6wexs8h6l37x8hzhwr97244fnhngkv2" alt="" style="font-family:Helvetica, Arial, sans-serif">
</body>
</html>