<!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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/reh8h9umz2d4kpb6/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="1847876302"><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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/08hwhgu2roevn8sp/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="1847876303">Seb</a> and <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/8ghqh3uon0dzzefl/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="1847876304">Jan</a> here 👋!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">This week we finally have an experimental version of TanStack RSC! A new React DoS vulnerability affects Server Functions, so you probably need to upgrade React again. There are also important releases from the MUI team, and Styled Components is still alive!</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, we got a new universal Haptics library, and a much faster fetch alternative. We heard VisionCamera 5 is around the corner.</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/vqh3hmuorx0llxtw/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="1847876305">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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/l2heh6ul702eencg/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="1847876306">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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/m2h7h6u3zg5vv9sl/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="1847876307">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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/dphehmuen46vvwbl/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="1847876308">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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/e0hph0u7opv662f7/aHR0cHM6Ly9wbGFuZXRzY2FsZS5jb20v" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1847876309"><img src="https://thisweekinreact.com/emails/issues/277/planetscale.png" alt="The fastest Postgres + MySQL database" 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/e0hph0u7opv662f7/aHR0cHM6Ly9wbGFuZXRzY2FsZS5jb20v" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876309">The fastest Postgres + MySQL database</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">PlanetScale Metal runs on blazing-fast NVMe in your favorite hyperscaler clouds. Get high-performance, reliability, and the best DX available for Postgres and MySQL.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Companies like Cash App, Cursor, and MyFitnessPal trust PlanetScale for their Tier 0 databases.</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">With PlanetScale, you get:</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">The best performance with local NVMe</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">AI integration with our MCP, skills, and automatic schema recommendations</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Built-in query observability with Insights</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Pricing from $5/mo</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/7qh7h2u95klqq4f9/aHR0cHM6Ly9wbGFuZXRzY2FsZS5jb20vbWlncmF0ZQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876310">Migrate your database 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/owhkhwuwdk9pp4bq/aHR0cHM6Ly90YW5zdGFjay5jb20vYmxvZy9yZWFjdC1zZXJ2ZXItY29tcG9uZW50cw==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1847876311"><img src="https://thisweekinreact.com/emails/issues/277/tanstack.jpg" alt="TanStack - React Server Components Your Way" 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/owhkhwuwdk9pp4bq/aHR0cHM6Ly90YW5zdGFjay5jb20vYmxvZy9yZWFjdC1zZXJ2ZXItY29tcG9uZW50cw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876311">TanStack - React Server Components Your Way</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Two weeks ago, we covered the TanStack Start RSC sneak peek that Tanner offered us at React Paris. And now, they are available as an experimental feature!</p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">My highlights remain mostly the same:</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">Primitives</strong>: RSCs are supported through 3 primitive APIs that permit manipulating RSCs as any other stream of data, immediately compatible with existing tools such as React Query, TanStack Router loaders, localStorage, CDNs, and HTTP caches. It is entirely opt-in and does not impose a server-first approach nor any framework convention, giving you total freedom on how to compose those primitives.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, 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">Composite Components</strong>: The server renders an RSC with slots that get filled by the client. You don’t need <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">’use client’</code> directives, although they are supported. This new concept creates an explicit boundary between the server and the client. It should be possible to co-locate client/server components in the same file, this 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"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">No Server Actions</strong>: A design decision for security reasons. Recent React CVEs affecting other RSC frameworks were due to Server Functions handling Flight payloads and don't apply to TanStack Start, as <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/z2hgh7uex46nn3fz/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj0tZGJ2QU1zUktpMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876312">Jack Herrington explains in this video</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">What strikes me is just how different this is from Next.js. It feels more like a library than a framework, and more in sync with the philosophy that initially attracted me to React.</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/p8hehqu4o36mm4br/aHR0cHM6Ly9nby5wb3N0aG9nLmNvbS90d2lyLWFwcjE1" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876313">PostHog - How we built automatic clustering for LLM traces</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/x0hph3ue0r2oo9cg/aHR0cHM6Ly93d3cuaW1wZXJ2YS5jb20vYmxvZy9yZWFjdDJkb3MtY3ZlLTIwMjYtMjM4Njktd2hlbi10aGUtZmxpZ2h0LXByb3RvY29sLWNyYXNoZXMtYXQtdGFrZW9mZi8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876314">React2DoS (CVE-2026-23869): When the Flight Protocol Crashes at Takeoff</a> - A new Denial-of-Service vulnerability affects the React Flight Protocol when deserializing Server Functions payloads. If you use Server Functions, upgrade asap to React 19.2.5 or <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/6qhehoulekrzzoc9/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC9uZXh0LmpzL3JlbGVhc2VzL3RhZy92MTYuMi4z" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876315">Next.js 16.2.3</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/kkhmh2unvdwrr4tk/aHR0cHM6Ly9naXRodWIuY29tL3ZlcmNlbC9uZXh0LmpzL3B1bGwvOTIyNTI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876316">Next.js PR - Node.js streams: Fork points</a> - The SSR/RSC throughput is limited due to the use of standard Web Streams. The PR shows ongoing work to provide support for faster but non-standard Node.js streams through the <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">experimental.useNodeStreams</code> feature flag. According to this former <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/58hvh8ug2vxqq3i7/aHR0cHM6Ly92ZXJjZWwuY29tL2Jsb2cvd2UtcmFscGgtd2lnZ3VtZWQtd2Vic3RyZWFtcy10by1tYWtlLXRoZW0tMTB4LWZhc3Rlcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876317">Vercel article about Web Streams</a>, the outcome could be quite significant.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/25h2h9u3wv9666b8/aHR0cHM6Ly93d3cuZG90anMuaW8vc3BlYWs_dXRtX3NvdXJjZT10d2lyJnV0bV9tZWRpdW09bmV3c2xldHRlciZ1dG1fY2FtcGFpZ249Q0ZQ" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876318">dotJS 2026</a> - 🇫🇷 Paris - 18 September - Call For Papers for dotJS is open until April 28th 6 PM CET, submit now your talk proposals for the conference!</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/qvh8h8udp7wzzwhg/aHR0cHM6Ly9naXRodWIuYmxvZy9lbmdpbmVlcmluZy9hcmNoaXRlY3R1cmUtb3B0aW1pemF0aW9uL3RoZS11cGhpbGwtY2xpbWItb2YtbWFraW5nLWRpZmYtbGluZXMtcGVyZm9ybWFudC8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876319">GitHub - The uphill climb of making diff lines performant</a> - GitHub cut the rendering cost of their React-based PR diff view. What worked includes using fewer DOM nodes and event handlers, simpler CSS selectors, TanStack Virtual for large PRs, removing scattered useEffect, and more.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/g3hnhwumwd9rrwb3/aHR0cHM6Ly92YWxlbnRpbnBydWduYXVkLmRldi9wb3N0cy8yMDI2LzA0L2lmLXlvdS1jYW50LXNlZS10aGUtYm91bmRhcnkteW91LWNhbnQtcmVhc29uLWFib3V0LXRoZS1zeXN0ZW0=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876320">If You Can't See the Boundary, You Can't Reason About the System</a> - Explains the need to visually see the boundary of Client/Server components on the current page, and introduces a Next.js App Router tool to highlight those boundaries.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/9qhzhdudrqw00miz/aHR0cHM6Ly9wcm9ncmFtbWluZ2FyZWhhcmQuY29tLzIwMjYvMDQvMTEvY29udHJpYnV0aW5nLXRvLXJlYWN0LXJvdXRlci5odG1sLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876321">Contributing Callsite Revalidation Opt-out to React Router</a> - Explains how React Router and React Query behave differently regarding revalidation after a mutation, and motivations to contribute a new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">unstable_defaultShouldRevalidate</code> API to React Router.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/3ohphdu3gom005fp/aHR0cHM6Ly90a2RvZG8uZXUvYmxvZy90aGUtdmVydGljYWwtY29kZWJhc2U=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876322">The Vertical Codebase</a> - Colocate files by vertical features to scale your React codebase.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/n2hohquv08qmmzh0/aHR0cHM6Ly95dXJpbXV0dGkuY29tL3Bvc3RzL2xvZ2dpbmctbmV4dGpzLWxvZ2xheWVyLWluc3RydW1lbnRhdGlvbi1jb25zb2xlLW92ZXJyaWRlLXN0cnVjdHVyZWQtbG9ncw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876323">Logging in Next.js with LogLayer: Instrumentation, Console Override, and Structured Logs</a> - Gives you one logging model across all runtimes.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/48hvh7um85lvvxfq/aHR0cHM6Ly9uZWNpdWRhbi5kZXYvbWFzdGVyLWVzbGludC1ydWxlcw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876324">Now more then ever, you need to master custom ESLint rules</a> - Deep dive into writing custom ESLint rules, with concrete React-focused examples, such as preventing useEffect antipatterns.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/wnh2h6uq657nnlul/aHR0cHM6Ly90aWdlcmFicm9kaS5ibG9nL25leHQtanMtdXNlLWNhY2hlLXJlbW90ZS1hLWRpc3RyaWJ1dGVkLWNhY2hlLWluLW9uZS1saW5l" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876325">Next.js use cache: remote: A Distributed Cache in One Line</a> - By default, the Cache Components feature works in memory, but it’s possible to cache data across serverless instances to increase cache hits.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/reh8h9umz2d44pc6/aHR0cHM6Ly9jZXJ0aWZpY2F0ZXMuZGV2L3JlYWN0P2ZyaWVuZD1UV0lSJnV0bV9zb3VyY2U9dHdpciZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX2NhbXBhaWduPXBhcnRuZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876326">Certificates.dev - Boost your skills with up to 6 live bootcamps led by Aurora Scharff and get React certified with our Mid & Senior bundles</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/08hwhgu2roevv8tp/aHR0cHM6Ly9tdWkuY29tL2Jsb2cvaW50cm9kdWNpbmctbXVpLXY5Lw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876327">Material UI and MUI X 9.0</a> - This large release re-aligns the versions of the core design system and the advanced components. MUI moves from v7 straight to v9, and introduces the first Base UI-backed primitives in the codebase with new <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">NumberField</code> and <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace">Menubar</code> components. MUI X also received several improvements, adding new Chat and Scheduler components in alpha.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/8ghqh3uon0dzdehl/aHR0cHM6Ly9iYXNlLXVpLmNvbS9yZWFjdC9vdmVydmlldy9yZWxlYXNlcy92MS00LTA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876328">Base UI 1.4 - One-Time Password field (preview), update a Toast, many bug fixes</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/vqh3hmuorx0l0xuw/aHR0cHM6Ly9naXRodWIuY29tL3VuanMvdW5oZWFkL3JlbGVhc2VzL3RhZy92My4wLjA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876329">Unhead 3.0 - Streaming <code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"><head></code> component for any framework</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/l2heh6ul702e2nig/aHR0cHM6Ly9naXRodWIuY29tL29yY2hldHJvbi9zdG9ybQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876330">Storm - Terminal UI framework based on React</a> - This new TUI addresses limitations of Ink, with cell-level diffing and dual-speed rendering architecture.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/m2h7h6u3zg5v59fl/aHR0cHM6Ly9naXRodWIuY29tL3N0eWxlZC1jb21wb25lbnRzL3N0eWxlZC1jb21wb25lbnRzL3JlbGVhc2VzL3RhZy9zdHlsZWQtY29tcG9uZW50cyU0MDYuNC4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876331">Styled Components 6.4 - React Server Components support, performance optimizations, RN improvements, and more</a> - The historical CSS-in-JS lib is in “maintenance mode” and yet it received a quite significant update!</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/dphehmuen46v6wcl/aHR0cHM6Ly9yZWFjdC1hcmlhLmFkb2JlLmNvbS9yZWxlYXNlcy92MS0xNy0w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876332">React Aria 1.17 - Expandable rows in Table, window scrolling in Virtualizer, dependency consolidation, sub-path imports</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/e0hph0u7opv6v2h7/aHR0cHM6Ly9naXRodWIuY29tL21pbGxpb25jby9pc29sZXQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876333">Isolet - Package any component into a self-contained, isolated widget</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/7qh7h2u95klql4h9/aHR0cHM6Ly9naXRodWIuY29tL2thcGlzaGRpbWEvcmVtb2Nu" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876334">Remocn - Production-ready animations, transitions, and scenes for Remotion</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/owhkhwuwdk9p94cq/aHR0cHM6Ly9zeW50YXguZm0vc2hvdy85OTUvbmV4dC1qcy12ZW5kb3ItbG9jay1pbi1uby1tb3Jl" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876335">Syntax.fm 955 - Next.js Vendor Lock-in No More</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/z2hgh7uex46n63hz/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnExJnV0bV9jb250ZW50PTJuZA==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1847876336"><img src="https://thisweekinreact.com/emails/issues/270/meticulous.jpg" alt="Still writing tests manually?" 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/z2hgh7uex46n63hz/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnExJnV0bV9jb250ZW50PTJuZA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876336">Still writing tests manually?</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Notion, Dropbox and LaunchDarkly have found a new testing paradigm - and they can't imagine working without it. Built by <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/x0hph3ue0r2o29ig/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnExJnV0bV9jb250ZW50PTFzdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876338">ex-Palantir engineers</a>, Meticulous autonomously creates a continuously evolving suite of E2E UI tests that delivers <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/x0hph3ue0r2o29ig/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnExJnV0bV9jb250ZW50PTFzdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876338">near-exhaustive coverage</a> with <em style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">zero developer effort</em> - impossible to deliver by any other means. </p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">It works like magic in the background:</p>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Near-exhaustive coverage on every test run</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">No test creation</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">No maintenance (seriously)</strong></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Zero flakes (built on a deterministic browser)</span></li>
</ul>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"><strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🤨</strong> Curious? <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/x0hph3ue0r2o29ig/aHR0cHM6Ly93d3cubWV0aWN1bG91cy5haS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9jYW1wYWlnbj0yNnExJnV0bV9jb250ZW50PTFzdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876338">Book in a time to learn more</a></p>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">📱 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">React-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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/6qhehoulekrzroi9/aHR0cHM6Ly9kb2NzLnN3bWFuc2lvbi5jb20vcHVsc2FyLw==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1847876339"><img src="https://thisweekinreact.com/emails/issues/277/pulsar.jpg" alt="Pulsar - Haptic Feedback Library" 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/6qhehoulekrzroi9/aHR0cHM6Ly9kb2NzLnN3bWFuc2lvbi5jb20vcHVsc2FyLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876339">Pulsar - Haptic Feedback Library</a></p>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">Meet Pulsar, a new library from Software Mansion that makes implementing haptic feedback much easier. Comes with SDKs for React Native, native iOS, and Android. See also the <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/kkhmh2unvdwrw4uk/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1SQXVubnhTbHZoTQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876340">intro video</a>.</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">150+ patterns to browse, filter, preview, and ship</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Live Preview Playground app for testing on a physical device</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Multiplatform SDKs</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Audio preview for testing in a simulator</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">Pulsar Studio – coming later – will allow the design of custom haptic sequences</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/7qh7h2u95klqldu9/aHR0cHM6Ly9zZW50cnkuaW8vY29va2Jvb2svZGVidWctdW5kZWZpbmVkLXJlYWN0LW5hdGl2ZS8_dXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3QmdXRtX21lZGl1bT1wYWlkLWNvbW11bml0eSZ1dG1fY2FtcGFpZ249bW9iaWxlLWZ5MjdxMS1jb29rYm9vayZ1dG1fY29udGVudD1uZXdzbGV0dGVyLXJuLWxpbmstcm4tbG9ncy10cnlzZW50cnk=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876341">Sentry - A tutorial to debugging undefined properties in React Native by correlating frontend and backend logs</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/owhkhwuwdk9p9pfq/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="1847876342">SWC PR - Complete Hermes Flow stripping parity</a> - Currently, Babel is needed to strip non-TS code in React Native. The newly released <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/z2hgh7uex46n66az/aHR0cHM6Ly9zd2MucnMvZG9jcy91c2FnZS9mbG93" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876343">Flow support in SWC</a> could help you adopt an alternative toolchain, leading to build time improvements or faster unit tests.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">💬 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/p8hehqu4o36m6ofr/aHR0cHM6Ly9naXRodWIuY29tL3JlYWN0LW5hdGl2ZS1jb21tdW5pdHkvZGlzY3Vzc2lvbnMtYW5kLXByb3Bvc2Fscy9pc3N1ZXMvOTkz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876344">React Native Proposal - Allow opting in to specific feature flags via public APIs</a> - Community proposal to expose experimental feature flags for testing before broad rollout.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/x0hph3ue0r2o26hg/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2hvdy10by1rZWVwLXlvdXItb3RhLXVwZGF0ZXMtbGVhbi1hbmQtZmFzdA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876345">How to keep your OTA updates lean and fast</a> - Why smaller updates matter, how to ship them effectively, and how to monitor your usage.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/6qhehoulekrzr8h9/aHR0cHM6Ly9yZWFjdG5hdGl2ZWNyb3Nzcm9hZHMuY29tL3Bvc3RzL3JlYWN0LW5hdGl2ZS0wODUtY2hhbmdlbG9nLWRpdmUv" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876346">React Native 0.85 changelog dive</a> - Analysis of 0.85's Shadow Tree commit branching, Animation Backend changes, and breaking changes for library authors.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/kkhmh2unvdwrwkfk/aHR0cHM6Ly9yZWFjdG5hdGl2ZWNyb3Nzcm9hZHMuY29tL3Bvc3RzL3VuaXdpbmQtcHJvLTEtcmVsZWFzZS8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876347">Zero re-renders on theme change: Introducing Uniwind Pro</a> - A look into first stable release, the C++ Shadow Tree Engine, className Animations with Reanimated, Animated Theme Transitions, pricing, and more.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/58hvh8ug2vxqx6s7/aHR0cHM6Ly90aGVteXRoaWNhbGVuZ2luZWVyLmNvbS90aGUtY29tcGxldGUtZ3VpZGUtdG8tcmVhY3QtbmF0aXZlLWJ1aWxkLW9wdGltaXphdGlvbi5odG1s" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876348">The Complete Guide to React Native Build Optimization</a> - How to improve build times with Gradle/Metro parallelization and C++ compiler caching.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/25h2h9u3wv969qf8/aHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0LW5hdGl2ZS9yZWxlYXNlcy90YWcvdjAuODUuMQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876349">RN 0.85.1 - Animation backend as experimental</a> - Enables the new Shared Animation Backend in the <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/qvh8h8udp7wzw3hg/aHR0cHM6Ly9yZWFjdG5hdGl2ZS5kZXYvZG9jcy9yZWxlYXNlcy9yZWxlYXNlLWxldmVscw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876350">experimental Release Level</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/g3hnhwumwd9r9vf3/aHR0cHM6Ly9naXRodWIuY29tL21hcmdlbG8vcmVhY3QtbmF0aXZlLW5pdHJvLWZldGNoL3JlbGVhc2VzL3RhZy92MS4wLjA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876351">Nitro Fetch 1.0 - Fast networking library, drop-in replacement for fetch</a> - This Margelo library supports HTTP/3, Prefetching, Steaming, FormData, WebSockets, worklets, and more. Demo on 🐦 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/9qhzhdudrqw0rkiz/aHR0cHM6Ly94LmNvbS9tYXJnZWxvX2NvbS9zdGF0dXMvMjA0MzY3NDk4ODA2Mjg1OTYwOA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876352">X</a> shows the impressive performance impact on the Bluesky app.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/3ohphdu3gom0goap/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2FnZW50LXJlYWN0LWRldnRvb2xzLWdpdmUtYWktYWdlbnRzLWFjY2Vzcy10by1yZWFjdC1pbnRlcm5hbHM=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876353">Agent React DevTools - Give AI Agents Access to React Internals</a> - New CLI from Callstack that exposes React component tree and profiling data to AI agents, enabling deeper debugging beyond UI trees.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/n2hohquv08qm0xt0/aHR0cHM6Ly9naXRodWIuY29tL0p1YmFLaXRpYXNodmlsaS9leHBvLXByZXRleHQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876354">Expo Pretext - Text layout primitive React Native</a> - Add Pretext support to React Native, unlocking new layouts currently difficult to achieve with CSS or Skia.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/48hvh7um85lv89fq/aHR0cHM6Ly9naXRodWIuY29tL2dpZGVvbi1kZWwvcmVhY3QtbmF0aXZlLW5pdHJvLXZlY3Rvcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876355">Nitro Vector - C++ vector path engine powered by Nitro Modules</a> - 104x faster bezier math, boolean ops, path analysis, and SVG parsing — all in C++ off the JS thread.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/wnh2h6uq657n6vcl/aHR0cHM6Ly9naXRodWIuY29tL3N0ZXZlMjI4dWsvbWV0cm8tbWNw" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876356">Metro MCP - MCP server for React Native debugging & automation</a> - Plugin-based MCP server connecting to Metro via CDP — exposes console logs, network, Redux, components, test recording, and more. Works alongside Chrome DevTools.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/reh8h9umz2d4zec6/aHR0cHM6Ly9naXRodWIuY29tL25hbmRvcm9qby9nYWxlcmlhL3JlbGVhc2VzL3RhZy92My4wLjA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876357">Galeria 3.0 - New Architecture only, iOS 16+</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/08hwhgu2roevr7bp/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFjay9yZWFjdC1uYXRpdmUtYnVpbGRlci1ib2IvcmVsZWFzZXMvdGFnL2NyZWF0ZS1yZWFjdC1uYXRpdmUtbGlicmFyeSU0MDAuNjIuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876358">CRNL 0.62 - RN 0.85, Expo SDK 55 support</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/8ghqh3uon0dzngtl/aHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL21ldHJvL3JlbGVhc2VzL3RhZy92MC44NC4z" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876359">Metro 0.84.3 - TLS support, Fast Refresh heartbeat, optimized cache</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/vqh3hmuorx0lrpcw/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9yZWFjdC1uYXRpdmUtaGFybmVzcy9yZWxlYXNlcy90YWcvdjEuMS4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876360">Harness 1.1 - CI improvements, unified GitHub Action, plugin system</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/l2heh6ul702e7lsg/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci9yb3plbml0ZS9yZWxlYXNlcy90YWcvdjEuNy4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876361">Rozenite 1.7 - Metro-backed agent workflow, SQLite plugin, Webpack web support</a></span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">📦 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/m2h7h6u3zg5vzmal/aHR0cHM6Ly9naXRodWIuY29tL0FwcEFuZEZsb3cvcmVhY3QtbmF0aXZlLWVhc2UvcmVsZWFzZXMvdGFnL3YwLjcuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876362">React Native Ease 0.7 - Animated borderColor, shadow properties</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/dphehmuen46vn5hl/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFja2luY3ViYXRvci92b2x0cmEvcmVsZWFzZXMvdGFnL3YxLjQuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876363">Voltra 1.4 - Android theme-aware widget colors, Android ongoing (persistent) notifications</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/e0hph0u7opv6o5h7/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1KOGhtT2FBNXV6Yw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876364">Beto - 5 React Native Styles Your AI Is Getting Wrong</a> - Linear Gradient (experimental), filter, boxShadow, gap, mixBlendMode, are available in RN, no need for external libraries.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">🎥 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/7qh7h2u95klq5da9/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj05OUVTSi1fQ2VXZw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876365">Callstack - AI-Assisted Migrations to React Native: From Months to Days</a> - Reducing migration using AI in real React Native workflows. Practical strategies for modernizing existing apps without starting from scratch.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/owhkhwuwdk9pdphq/aHR0cHM6Ly9pbmZpbml0ZS5yZWQvcmVhY3QtbmF0aXZlLXJhZGlvL3Juci0zNTktdGhlLWFpLWFwb2NhbHlwc2UtdGhlLXBhc3QtcHJlc2VudC1hbmQtZnV0dXJlLW9mLXNvZnR3YXJl" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876366">RNR 359 - The AI Apocalypse? The past, present, and future of software</a></span></li>
</ul>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"><div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"><img src="https://thisweekinreact.com/emails/separators/christmas.png" alt="" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:0px 0px 0px 0px;height:auto;object-fit:contain"></div>
<figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px">
<strong style="font-family:Helvetica, Arial, sans-serif">🔀 </strong><u style="font-family:Helvetica, Arial, sans-serif"><strong style="font-family:Helvetica, Arial, sans-serif">Other</strong></u>
</h2>
<ul class="unordered_list" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;padding:0 5px">
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"><span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit">👀 <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/z2hgh7uex46nx6tz/aHR0cHM6Ly9naXRodWIuZ2l0aHViLmNvbS9naC1zdGFjay8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876367">GitHub Stacked PRs in private preview</a> - A much-anticipated feature lets you break large changes into small, focused PRs that build on each other.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/x0hph3ue0r2o06ug/aHR0cHM6Ly93d3cuaW5uZ2VzdC5jb20vYmxvZy9oYW5naW5nLXByb21pc2VzLWZvci1jb250cm9sLWZsb3c=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876369">You can't cancel a JavaScript promise (except sometimes you can)</a> - Using never-resolving promises to interrupt async functions.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/6qhehoulekrze8s9/aHR0cHM6Ly9lbmNvcmUuZGV2L2Jsb2cvcnVzdC1ydW50aW1l" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876370">What We Learned Building a Rust Runtime for TypeScript</a> - How Encore built a Rust runtime embedded in Node.js via napi-rs, moving infrastructure concerns (HTTP, DB, pub/sub) out of the JS event loop. Benchmarks show 9x Express throughput with 80% less latency.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/kkhmh2unvdwrvkhk/aHR0cHM6Ly9kZXZlbG9wZXIuY2hyb21lLmNvbS9ibG9nL2Nocm9tZS0xNDgtYmV0YQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876371">Chrome 148 Beta - Name-only container queries in CSS, Prompt API, Web Serial API on Android, and more</a> - Notably includes an origin trial for the <a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/58hvh8ug2vxq26f7/aHR0cHM6Ly9naXRodWIuY29tL1dJQ0cvaHRtbC1pbi1jYW52YXM=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876372">HTML-in-Canvas</a> API that led to many impressive demos.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/25h2h9u3wv96wqh8/aHR0cHM6Ly9naXRodWIuY29tL3l1a3UtdG9vbGNoYWluL3l1a3U=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876373">Yuku - High-performance JS/TS toolchain in Zig</a> - Already full spec compliance, competitive with Oxc on raw parsing speed.</span></li>
<li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/qvh8h8udp7wzp3sg/aHR0cHM6Ly93ZWJwYWNrLmpzLm9yZy9ibG9nLzIwMjYtMDQtMDgtd2VicGFjay01LTEwNi8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876374">Webpack 5.106 - Plugin validation hooks, CSS runtime injection, smarter tree shaking, experimental Oxc parser</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/g3hnhwumwd9rwvc3/aHR0cHM6Ly9idW4uY29tL2Jsb2cvYnVuLXYxLjMuMTI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876375">Bun 1.3.12 - WebView headless browser, Markdown in terminal, in-process Cron scheduler</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/9qhzhdudrqw0mkbz/aHR0cHM6Ly9naXRodWIuY29tL0phbWllTWFzb24vc3luY3BhY2svcmVsZWFzZXMvdGFnLzE0LjAuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876376">Syncpack 14.0 - CLI for managing npm dependency versions, rewritten in Rust</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/3ohphdu3gom0lotp/aHR0cHM6Ly9hZWprYXRhcHBhamEuZ2l0aHViLmlvL3BoYW50b20tdWkv" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876377">Phantom UI - Structure-aware skeleton loader for every framework, based on Web Component</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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/48hvh7um85lve9hq/aHR0cHM6Ly94LmNvbS9UaGlzV2Vla0luUmVhY3Qvc3RhdHVzLzIwNDIxNzE3ODIxOTU1MzYzMjY=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1847876379"><img src="https://thisweekinreact.com/emails/issues/277/meme.jpg" alt="alt" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif;text-align:center;table-layout:fixed;float:none" class="email-image"><tbody style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif"><figure style="font-family:Helvetica, Arial, sans-serif;margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:100%;width:100%"><a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/wnh2h6uq657npvil/aHR0cHM6Ly94LmNvbS9tcm91c2F2eS9zdGF0dXMvMjA0NDA3MjExMDIwOTgxOTAzMg==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1847876380"><img src="https://thisweekinreact.com/emails/issues/277/meme2.jpg" alt="alt" width="100%" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;width:100%;height:auto;object-fit:contain"></a><figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"></figcaption></figure></td></tr></tbody></table>
<p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em">See ya! 👋</p>
</td></tr></tbody></table>
<div class="footer-social" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;border-top:1px dotted #888;padding:20px 0px;padding-bottom:10px">
<table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"><tr style="font-family:Helvetica, Arial, sans-serif"><td align="center" style="font-family:Helvetica, Arial, sans-serif">
<a href="https://76518bdd.click.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/08hwhgu2roevn8sp/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="1847876303"><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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/reh8h9umz2d4rei6/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="1847876381"><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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/8ghqh3uon0dzvgul/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="1847876383"><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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2" 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2" 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/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2/vqh3hmuorx0l7piw/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1847876384">Advertise</a>
</td></tr></table>
</div>
</div>
<!--[if mso]>
</td></tr></table>
</center>
<![endif]-->
<!-- -->
<img src="https://76518bdd.open.convertkit-mail4.com/27uepe08xnaoh8wngvwc3hg90xkz2cghnvox2" alt="" style="font-family:Helvetica, Arial, sans-serif">
</body>
</html>