Email: ⚛️ This Week In React #244: React Router, Compiler, Next.js, TanStack, JSX, Storybook | Reanimated, Hermes, Keyboard Controller, Screens, Node-API, Shimmer | TC39, tsgolint, Bun, Better-Auth, WebGPU

Subject:
⚛️ This Week In React #244: React Router, Compiler, Next.js, TanStack, JSX, Storybook | Reanimated, Hermes, Keyboard Controller, Screens, Node-API, Shimmer | TC39, tsgolint, Bun, Better-Auth, WebGPU
Received:
7/23/2025, 6:05:57 PM
From:
"Sébastien Lorber" <sebastien@thisweekinreact.com>
To:
sugar.cushion.89@rss.andrealin.it
&lt;!DOCTYPE html&gt;
&lt;html style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;head style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;!--[if mso]&gt;
&lt;center&gt;
&lt;table&gt;&lt;tr&gt;&lt;td width="660"&gt;
&lt;![endif]--&gt;
&lt;style style="font-family:Helvetica, Arial, sans-serif"&gt;.ck-link { text-decoration: underline; }&lt;/style&gt;
&lt;style style="font-family:Helvetica, Arial, sans-serif"&gt;@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; }  }&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;style&gt;a:hover{color:#1b8ede;border-bottom-color:#1b8ede}
.button:hover{color:#fff;background:#666}&lt;/style&gt;
&lt;/head&gt;
&lt;body style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;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"&gt;
&lt;table cellpadding="0" cellspacing="0" style="font-family:Helvetica, Arial, sans-serif;width:100%;margin:0 auto"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;p style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em;text-align:center" class=""&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;font-size:12px"&gt;&lt;/span&gt;&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/l2heh6ulzgrd3dsg/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="1767535125"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;font-size:12px"&gt;🌐 Read Online &lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Hi everyone!&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Apparently, not everyone is on vacation yet because it's a great week.&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;On the React side, we have an early version of React Server Components support in React Router, and a new comprehensive React Compiler docs.&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;It's even more exciting for React Native developers: Reanimated v4 is now stable, and Screens now support native tabs, coming soon in Expo!&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;I also take the opportunity to warn that an &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/m2h7h6u37rel8xal/aHR0cHM6Ly9zb2NrZXQuZGV2L2Jsb2cvbnBtLWlzLXBhY2thZ2UtaGlqYWNrZWQtaW4tZXhwYW5kaW5nLXN1cHBseS1jaGFpbi1hdHRhY2s=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535126"&gt;npm phishing attack&lt;/a&gt; is currently in progress, targeting maintainers of popular packages. Don't trust any email coming from &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;npmjs.org&lt;/code&gt;, they are spoofed.&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;As always, thanks for supporting us on your favorite platform:&lt;/p&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🦋 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/dphehmuem35203al/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="1767535127"&gt;Bluesky&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;✖️ &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/e0hph0u72x4d79a7/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="1767535128"&gt;X / Twitter&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👔 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/7qh7h2u9mgzx9kt9/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="1767535129"&gt;LinkedIn&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👽 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/owhkhwuw7zo0w6aq/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="1767535130"&gt;Reddit&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px"&gt;
&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;💸 &lt;/strong&gt;&lt;u style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;Sponsor&lt;/strong&gt;&lt;/u&gt;
&lt;/h2&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwme7iz/aHR0cHM6Ly93d3cuYWctZ3JpZC5jb20vcmVhY3QtdGFibGU_dXRtX2NhbXBhaWduPTIwMjUtZW1haWwtMiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3Q=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1767535131"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/aggrid.png" alt="AG Grid: The Best React Data Grid In The World." 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"&gt;&lt;/a&gt;&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwme7iz/aHR0cHM6Ly93d3cuYWctZ3JpZC5jb20vcmVhY3QtdGFibGU_dXRtX2NhbXBhaWduPTIwMjUtZW1haWwtMiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3Q=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535131"&gt;AG Grid: The Best React Data Grid In The World.&lt;/a&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;AG Grid is a fast, free and fully customisable React Data Grid. Used by &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;90% of the Fortune 500&lt;/strong&gt;, AG Grid is &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;100% open source&lt;/strong&gt; with over &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;4 million npm downloads per month&lt;/strong&gt;:&lt;/p&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🆓 &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Free:&lt;/strong&gt; Access 100s of features such as &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Sorting&lt;/strong&gt;, &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Filtering&lt;/strong&gt;, &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Pagination&lt;/strong&gt;, &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Cell Editing&lt;/strong&gt; and more, all for &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;free&lt;/strong&gt; - forever.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🚀 &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Fast:&lt;/strong&gt; Display &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;millions of cells&lt;/strong&gt; out of the box, without compromising on performance.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎨 &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Customisable:&lt;/strong&gt; Add your own components to cells, rows &amp; columns and use &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;100+ CSS variables&lt;/strong&gt; to style every element.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🏢 &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Enterprise Features:&lt;/strong&gt; Purchase a licence for lifetime access to advanced features including &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Pivoting&lt;/strong&gt;, &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Grouping&lt;/strong&gt;, &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Master / Detail&lt;/strong&gt; and &lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Integrated Charts&lt;/strong&gt; (powered by our React Charting Library, &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/p8hehqu4lvxp45tr/aHR0cHM6Ly93d3cuYWctZ3JpZC5jb20vY2hhcnRzP3V0bV9jYW1wYWlnbj0yMDI1LWVtYWlsLTImdXRtX21lZGl1bT1uZXdzbGV0dGVyJnV0bV9zb3VyY2U9dGhpc3dlZWtpbnJlYWN0" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535132"&gt;AG Charts&lt;/a&gt;). Try it for free - no trial license required.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Learn More: &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwme7iz/aHR0cHM6Ly93d3cuYWctZ3JpZC5jb20vcmVhY3QtdGFibGU_dXRtX2NhbXBhaWduPTIwMjUtZW1haWwtMiZ1dG1fbWVkaXVtPW5ld3NsZXR0ZXImdXRtX3NvdXJjZT10aGlzd2Vla2lucmVhY3Q=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535131"&gt;ag-grid.com&lt;/a&gt;&lt;/p&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px"&gt;
&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;⚛️ &lt;/strong&gt;&lt;u style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;React&lt;/strong&gt;&lt;/u&gt;
&lt;/h2&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/x0hph3uelg34eltg/aHR0cHM6Ly9yZW1peC5ydW4vYmxvZy9yZWFjdC1yb3V0ZXItYW5kLXJlYWN0LXNlcnZlci1jb21wb25lbnRz" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1767535133"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/reactrouter.jpg" alt="React Router and React Server Components: The Path Forward" 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"&gt;&lt;/a&gt;&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/x0hph3uelg34eltg/aHR0cHM6Ly9yZW1peC5ydW4vYmxvZy9yZWFjdC1yb3V0ZXItYW5kLXJlYWN0LXNlcnZlci1jb21wb25lbnRz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535133"&gt;React Router and React Server Components: The Path Forward&lt;/a&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;The new &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/6qhehouldqo3l2s9/aHR0cHM6Ly9naXRodWIuY29tL3JlbWl4LXJ1bi9yZWFjdC1yb3V0ZXIvYmxvYi9tYWluL0NIQU5HRUxPRy5tZCN2Nzcw" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535134"&gt;React Router v7.7&lt;/a&gt; release introduces experimental RSC APIs to use alongside RSC-compatible bundlers (Vite, Parcel) that you can now use in &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/kkhmh2un37mon8sk/aHR0cHM6Ly9yZWFjdHJvdXRlci5jb20vc3RhcnQvbW9kZXMjZGF0YQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535135"&gt;Data Mode&lt;/a&gt;, making it almost as powerful as the Framework Mode. In the future, the Framework Mode is also going to migrate to use React Router RSC APIs under the hood.&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Reading the &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/58hvh8ugze74gmu7/aHR0cHM6Ly9yZWFjdHJvdXRlci5jb20vaG93LXRvL3JlYWN0LXNlcnZlci1jb21wb25lbnRz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535136"&gt;React Server Components docs&lt;/a&gt;, the integration doesn’t look so simple, so I guess most React Router users may prefer waiting for RSC support in Framework Mode. However, it’s cool that they expose all primitives to bring RSCs to your existing app, and make it possible to create your own RSC-powered Framework Mode somehow.&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Other useful links:&lt;/p&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/25h2h9u3e5dq33h8/aHR0cHM6Ly94LmNvbS9SZWFjdFJvdXRlcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535137"&gt;@ReactRouter - New account to follow on X&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎥 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/qvh8h8ud0xnldosg/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj0zM3NBSmJmLTFORQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535138"&gt;Alem Tuzlak - React Server Components Are Finally Here in Vite and React Router!&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎙️ &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/g3hnhwumkvp0mpi3/aHR0cHM6Ly9wb2Ryb2NrZXQubG9ncm9ja2V0LmNvbS9yZWFjdC1yb3V0ZXItd2h5LWZpbGUtcm91dGluZy1zdWNrcy1icm9va3MtbHlicmFuZA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535139"&gt;PodRocket - React Router and why file-routing sucks with Brooks Lybrand&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/compiler.png" alt="React Compiler being recommended on the useCallback docs" 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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;React Compiler getting ready for prime time?&lt;/strong&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Recently, the &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/9qhzhdudl79ednbz/aHR0cHM6Ly9yZWFjdC5kZXYvbGVhcm4vcmVhY3QtY29tcGlsZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535140"&gt;React Compiler docs&lt;/a&gt; have been completely rewritten, divided into several pages, and given a more prominent place on the React docs site. There’s also a new &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/3ohphdu3nwzk3xtp/aHR0cHM6Ly9yZWFjdC5kZXYvcmVmZXJlbmNlL3JlYWN0LWNvbXBpbGVyL2NvbmZpZ3VyYXRpb24=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535141"&gt;API reference&lt;/a&gt; section covering configuration, directives, and pre-compiling a React library before distribution.&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;The React Compiler is now recommended in other places of the docs as a &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/n2hohquvkdrlvmh0/aHR0cHM6Ly9yZWFjdC5kZXYvcmVmZXJlbmNlL3JlYWN0L21lbW8jcmVhY3QtY29tcGlsZXItbWVtbw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535142"&gt;better alternative to &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;React.memo&lt;/code&gt;&lt;/a&gt;, &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;useMemo,&lt;/code&gt; and &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;useCallback&lt;/code&gt;. In the future, &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/48hvh7umnog7mlsq/aHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0L3B1bGwvMzM1MDk=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535143"&gt;eslint-plugin-react-hooks may enable the compiler rules by default&lt;/a&gt;. It’s still a Release Candidate, but I wouldn’t be surprised to see it become stable soon, probably at &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/wnh2h6uq3zglq6hl/aHR0cHM6Ly9jb25mLnJlYWN0LmRldi8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535144"&gt;React Conf&lt;/a&gt; in October, given the line-up.&lt;/p&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;💸 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/reh8h9ume8xomrb6/aHR0cHM6Ly9nby5wb3N0aG9nLmNvbS90d2lyLWp1bDIz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535145"&gt;Product for Engineers - Job interview questions engineers should ask (but don't)&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👀 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/08hwhgu2k8zp26fp/aHR0cHM6Ly9naXRodWIuY29tL3JlbWl4LXJ1bi9yZW1peC90cmVlL3Yz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535146"&gt;Remix v3 branch&lt;/a&gt;: A sneak peek of support packages that will probably be part of Remix v3 framework (based on Preact), packages that were previously on a &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/8ghqh3uox497omtl/aHR0cHM6Ly9naXRodWIuY29tL21qYWNrc29uL3JlbWl4LXRoZS13ZWI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535147"&gt;remix-the-web repo&lt;/a&gt;. Remix v3 should have a more powerful &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/vqh3hmuod5gqowcw/aHR0cHM6Ly9naXRodWIuY29tL3JlbWl4LXJ1bi9yZW1peC90cmVlL3YzL3BhY2thZ2VzL3JvdXRlLXBhdHRlcm4=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535148"&gt;URL matching system&lt;/a&gt; than React Router.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/l2heh6ulzgrdldhg/aHR0cHM6Ly94LmNvbS9hc2lkb3JlbmtvXy9zdGF0dXMvMTk0NjIyODUwNDExMjA2NzA1MA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535149"&gt;Next.js 15.4 - &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;devtoolSegmentExplorer&lt;/code&gt; demo&lt;/a&gt;: New convenient experimental DX feature coming with the latest release.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/m2h7h6u37rel3xtl/aHR0cHM6Ly94LmNvbS9hc2lkb3JlbmtvXy9zdGF0dXMvMTk0NzMwNDc3NDI0OTk1OTQ3MA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535150"&gt;Next.js 15.4 - Forwarding browser logs to terminal&lt;/a&gt;: The new  &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;browserDebugInfoInTerminal&lt;/code&gt; experimental feature is useful for DX, but also coding agents that can more easily see and fix client-side errors.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/dphehmuem352e3tl/aHR0cHM6Ly94LmNvbS9zZWJhc3RpZW5sb3JiZXIvc3RhdHVzLzE5NDcyODkzMzU2NjI4ODMxODg=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535151"&gt;TIL you can pass JSX elements as props without curly braces&lt;/a&gt;: Yep, &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;&lt;div prop=&lt;span&gt;Hello&lt;/span&gt;&lt;/div&gt;&lt;/code&gt; is legal!&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📖 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/e0hph0u72x4dq9h7/aHR0cHM6Ly90YW5zdGFjay5jb20vZGIvbGF0ZXN0L2RvY3MvbGl2ZS1xdWVyaWVz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535152"&gt;TanStack DB - New Live Queries docs&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/owhkhwuw7zo0g6bq/aHR0cHM6Ly9zZXJnaW9keGEuY29tL3R1dG9yaWFscy91c2UtYWN0aW9uLXJvdXRlcy1pbi1yZWFjdC1yb3V0ZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535154"&gt;How to Use Action Routes in React Router&lt;/a&gt;: Shows how to centralize actions in one place so that you can call them from multiple places without duplication.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwmp7bz/aHR0cHM6Ly9zdG9yeWJvb2suanMub3JnL2Jsb2cvc3Rvcnlib29rLWJsb2F0LWZpeGVkLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535155"&gt;Storybook bloat? Fixed&lt;/a&gt;: Storybook v9 greatly optimized the dependency graph, reducing install time and size significantly.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/p8hehqu4lvxpg5ur/aHR0cHM6Ly9mcm9udGVuZG1hc3RlcnMuY29tL2Jsb2cvaW50cm9kdWNpbmctenVzdGFuZC8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535156"&gt;Introducing Zustand&lt;/a&gt;: Explains the advantages of Zustand over a vanilla React Context.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/x0hph3uelg349lug/aHR0cHM6Ly93d3cuYmVuZ3VibGVyLmNvbS9wb3N0cy8yMDI1LTA2LTE0LXJhdy1tYXJrZG93bi11cmxzLW5leHRqcw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535157"&gt;Adding .md URLs for Raw Markdown Content in&lt;/a&gt; &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/6qhehouldqo3n2h9/aHR0cDovL25leHQuanMv" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535158"&gt;Next.js&lt;/a&gt;: A Little trick that could be useful to feed LLMs.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/kkhmh2un37mo68ak/aHR0cHM6Ly93d3cuamVhbnRpbmxhbmQuY29tL2Jsb2cvbGVhdmluZy1uZXh0anMtYmVoaW5kLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535159"&gt;Leaving Next.js behind&lt;/a&gt;: Story of migrating a personal website to a simpler and lighter stack, relying on less JavaScript.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/58hvh8ugze74kmh7/aHR0cHM6Ly93d3cuZmVsZ3VzLmRldi9ibG9nL2Z1dHVyZS1zcGE=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535160"&gt;The present and the future of SPAs in React&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/25h2h9u3e5dq43s8/aHR0cHM6Ly93d3cuZXBpY3JlYWN0LmRldi9yZWFjdC1zZXJ2ZXItY29tcG9uZW50cy1ob3ctd2UtZ290LWhlcmUtemN1eG4=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535161"&gt;React Server Components: How We Got Here&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;💸 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/qvh8h8ud0xnloofg/aHR0cHM6Ly9hcHJ5c2UuY29tL2Jsb2cvYXV0b21hdGluZy1wZGYtc2Nyb2xsaW5nLXdlYnZpZXdlci1zb2x1dGlvbj91dG1fY2FtcGFpZ249dGhpc3dlZWtpbnJlYWN0XzIwMjVfMDdfMjMmdXRtX2NvbnRlbnQ9ZW1haWxfdGV4dGxpbmsmdXRtX21lZGl1bT1lbWFpbCZ1dG1fc291cmNlPW5ld3NsZXR0ZXI=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535162"&gt;Tired of manually scrolling PDFs while recording? Auto-scroll them in your React app with Apryse WebViewer for smooth narration and demos.&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/g3hnhwumkvp06pb3/aHR0cHM6Ly90YW5zdGFjay5jb20vcm91dGVyL2xhdGVzdC9kb2NzL2ZyYW1ld29yay9zb2xpZC9ndWlkZS9wYXRoLXBhcmFtcyNvcHRpb25hbC1wYXRoLXBhcmFtZXRlcnM=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535163"&gt;TanStack Router 1.128 - Optional path params&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/9qhzhdudl79ezncz/aHR0cHM6Ly9naXRodWIuY29tL294Yy1wcm9qZWN0L294Yy9yZWxlYXNlcy90YWcvb3hsaW50X3YxLjguMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535164"&gt;oxlint 1.8 - Auto-fixer for react/exhaustive-deps&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/3ohphdu3nwzk4xup/aHR0cHM6Ly9hc3Ryby5idWlsZC9ibG9nL2FzdHJvLTUxMjAv" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535165"&gt;Astro 5.12 - TOML support for content loaders, new Netlify DX, raw env values&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/n2hohquvkdrl6ms0/aHR0cHM6Ly9naXRodWIuY29tL3JlYXNvbm1sL3JlYXNvbi1yZWFjdC9yZWxlYXNlcy90YWcvMC4xNi4w" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535166"&gt;Reason-React 0.16 - Support for React 19, expose React resource preloading APIs&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎥 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/48hvh7umnog76lfq/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1VNE9qVkw1TkUzQQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535167"&gt;Wawa Sensei - How to Create a Lenticular Material with TSL and WebGPU&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎥 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/wnh2h6uq3zglx6al/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1Rdl84ajVQS1BJNA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535168"&gt;Alem Tuzlak - The best guide to rolling your own auth with react-router!&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px"&gt;
&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;💸 &lt;/strong&gt;&lt;u style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;Sponsor&lt;/strong&gt;&lt;/u&gt;
&lt;/h2&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/reh8h9ume8xowru6/aHR0cHM6Ly9lbWJyYWNlLmlvL2Jsb2cvaW50cm9kdWNpbmctZW1icmFjZS13ZWItcnVtLz91dG1fY2FtcGFpZ249dHdpci03LTIzLTIwMjUmdXRtX21lZGl1bT1wYWlkJnV0bV9zb3VyY2U9bmV3c2xldHRlcg==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1767535169"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/embrace.jpeg" alt="Measure web performance based on actual user impact" 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"&gt;&lt;/a&gt;&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/reh8h9ume8xowru6/aHR0cHM6Ly9lbWJyYWNlLmlvL2Jsb2cvaW50cm9kdWNpbmctZW1icmFjZS13ZWItcnVtLz91dG1fY2FtcGFpZ249dHdpci03LTIzLTIwMjUmdXRtX21lZGl1bT1wYWlkJnV0bV9zb3VyY2U9bmV3c2xldHRlcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535169"&gt;Measure web performance based on actual user impact&lt;/a&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;A spike in errors or latency could be devastating… or trivial. And you don't want to waste time investigating regressions that have no meaningful impact on your users or business. With Embrace, you finally get observability that surfaces real user impact.&lt;/p&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📊 Track Core Web Vitals, exceptions, network requests, and custom events—all tied to complete user experiences. &lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👤 See where performance issues within custom user flows cause disengagement.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🔍 Discover the root cause faster with high-fidelity data, including full session timelines, performance traces, and user journeys. &lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🔭 Embrace is built on OpenTelemetry. Own your data, integrate it anywhere, and avoid the rigid pricing and limitations of all-in-one platforms.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;Learn more, including how to get started free, at &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/08hwhgu2k8zpg6up/aHR0cHM6Ly9lbWJyYWNlLmlvLz91dG1fY2FtcGFpZ249dHdpci03LTIzLTIwMjUmdXRtX21lZGl1bT1wYWlkJnV0bV9zb3VyY2U9bmV3c2xldHRlcg==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535170"&gt;embrace.io&lt;/a&gt;.&lt;/p&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px"&gt;
&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;📱 &lt;/strong&gt;&lt;u style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;React-Native&lt;/strong&gt;&lt;/u&gt;
&lt;/h2&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/vqh3hmuod5gqewiw/aHR0cHM6Ly9ibG9nLnN3bWFuc2lvbi5jb20vcmVhbmltYXRlZC00LXN0YWJsZS1yZWxlYXNlLXRoZS1mdXR1cmUtb2YtcmVhY3QtbmF0aXZlLWFuaW1hdGlvbnMtYmE2ODIxMGMzNzEz" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1767535172"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/reanimated.jpg" alt="Reanimated 4 Stable Release — the Future of React Native Animations" 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"&gt;&lt;/a&gt;&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/vqh3hmuod5gqewiw/aHR0cHM6Ly9ibG9nLnN3bWFuc2lvbi5jb20vcmVhbmltYXRlZC00LXN0YWJsZS1yZWxlYXNlLXRoZS1mdXR1cmUtb2YtcmVhY3QtbmF0aXZlLWFuaW1hdGlvbnMtYmE2ODIxMGMzNzEz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535172"&gt;Reanimated 4 Stable Release — the Future of React Native Animations&lt;/a&gt;&lt;/p&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;This is a massive release that greatly improves the Reanimated. Highlights include:&lt;/p&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;CSS Transitions and Animations: taking the best part of CSS animations a bringing it to React Native through a familiar and convenient declarative API, that improves performance and web/mobile cross-platform support along the way. It should be particularly useful for state-driven micro-interactions, but worklets aren’t going anywhere and remain the go-to choice for complex and gesture/scroll-driven animations.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Worklets have been extracted to a separate library that Reanimated depends on, starting &gt;= v3.17. Richer multi-threading APIs should come soon, with the ability to move heavy computation, data fetching/processing to a background thread, with the ability to use third-party libraries in worklets.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Reanimated has been split into many modular packages to help reduce bundle size, particularly useful on the web.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Shared Element Transitions coming in an upcoming v4.x version.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;Reanimated v4 is not only compatible with the New Architecture.&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;💸 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/l2heh6ulzgrd6dsg/aHR0cHM6Ly93aXRoZnJhLm1lLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535173"&gt;WithFrame - Pre-Built React Native Templates&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📣 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/m2h7h6u37relmxul/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9uZXdzL2NhbGxzdGFjay1zZWN1cmVzLW1ham9yLXVzLXByaXZhdGUtZXF1aXR5LWludmVzdG1lbnQtdG8tYWNjZWxlcmF0ZS1nbG9iYWwtZ3Jvd3Ro" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535174"&gt;Callstack Secures Major US Private Equity Investment to Accelerate Global Growth&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📣 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/dphehmuem35283ul/aHR0cHM6Ly93d3cuYW5kcm9pZGF1dGhvcml0eS5jb20vZ29vZ2xlLWNvbWJpbmUtY2hyb21lLW9zLWFuZHJvaWQtMzU3NzAzNS8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535175"&gt;Google confirms it's 'combining' Chrome OS and Android into a single platform&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/e0hph0u72x4d49s7/aHR0cHM6Ly94LmNvbS90bWlrb3Yvc3RhdHVzLzE5NDUzNDgyMjIxMTA4NTk1MDA=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535176"&gt;Tzvetan Mikov - Hermes v2 performance at end of June 2025&lt;/a&gt;: A benchmark showing promising results against QuickJS and Hermes v1 on untyped JS. v2 will be released soon. Later, Static Hermes should further improve performance on typed code.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/7qh7h2u9mgzxzku9/aHR0cHM6Ly94LmNvbS90bWlrb3Yvc3RhdHVzLzE5NDYyNDg5NDI4NTkzMDEyMjY=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535177"&gt;Tzvetan Mikov - Hermes can generate a bytecode bundle that is more suitable for binary diffing (for OTA) based on a previous bundle&lt;/a&gt;: A lesser-known feature of Hermes makes it possible to create new bundles based on former ones. For OTA updates, this makes it possible to send over the wire small binary diff patches and greatly reduce OTA payload sizes. I’m not sure anyone exploits that yet, but it looks like a nice feature Expo could leverage.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🐦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/owhkhwuw7zo0o6cq/aHR0cHM6Ly94LmNvbS9GZXJuYW5kb1RoZVJvam8vc3RhdHVzLzE5NDY1NTgzMDQ2NTk4NDEwNTU=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535178"&gt;Fernando Rojo noticed that React Native is deprecating &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;pod install&lt;/code&gt;&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👀 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwmw7cz/aHR0cHM6Ly9naXRodWIuY29tL2V4cG8vZXhwby9wdWxsLzM4MTA5" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535179"&gt;Expo PR - New &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;@expo/app-integrity&lt;/code&gt; package&lt;/a&gt;: This upcoming security package should help developers prevent fraud and abuse by determining if their apps are running on legitimate and uncompromised devices.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👀 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/p8hehqu4lvxpx5sr/aHR0cHM6Ly9naXRodWIuY29tL2ZhY2Vib29rL3JlYWN0LW5hdGl2ZS9wdWxsLzUxNDgz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535180"&gt;React Native 0.81 PR - Modal &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;allowSwipeDismissal&lt;/code&gt; prop&lt;/a&gt;: This will let you close iOS modals with a swipe down gesture.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📖 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/x0hph3uelg343lag/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9lYm9va3MvaW5jcmVtZW50YWwtcmVhY3QtbmF0aXZlLWFkb3B0aW9uLWluLW5hdGl2ZS1hcHBz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535181"&gt;Bring React Native Into Your App, One Step at a Time&lt;/a&gt;: Free e-book offered by Callstack to incrementally migrate your native app to a React Native brownfield app.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🗓 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/6qhehouldqo3o2s9/aHR0cHM6Ly93d3cucmVhY3R1bml2ZXJzZWNvbmYuY29tLz91dG1fY2FtcGFpZ249UlVDMjAyNSZ1dG1fY29udGVudD1zYXZldGhlZGF0ZSZ1dG1fc291cmNlPVRXSVJwYXJ0bmVyc2hpcA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535182"&gt;React Universe Conf&lt;/a&gt; - 🇵🇱 Wrocław - 2-4 September. Regular Access Tickets end on July 31. Get a 10% discount with code "TWIR"&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/kkhmh2un37mom8tk/aHR0cHM6Ly9leHBvLmRldi9ibG9nL2J1aWxkLTJkLWdhbWUtc3R5bGUtcGh5c2ljcy13aXRoLW1hdHRlci1qcy1hbmQtcmVhY3QtbmF0aXZlLXNraWE=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535183"&gt;How to Build 2D Game-Style Physics with Matter.js and React Native Skia&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/58hvh8ugze747ms7/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL2J1aWxkLWFuZC1ydW4tbm9kZS1hcGktbW9kdWxlcy1pbi1yZWFjdC1uYXRpdmU=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535184"&gt;Build and Run Node-API Modules in React Native&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/25h2h9u3e5dqd3f8/aHR0cHM6Ly9raXJpbGx6eXVza28uZ2l0aHViLmlvL3JlYWN0LW5hdGl2ZS1rZXlib2FyZC1jb250cm9sbGVyL2Jsb2cva2V5Ym9hcmQtZXh0ZW5zaW9ucw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535185"&gt;Keyboard Controller 1.18 - Keyboard extensions or new way to interact with keyboard&lt;/a&gt;: This release brings significant improvements, letting you render custom UI elements that live within or alongside the keyboard area. It also fixes the iOS lag issue with keyboard preloading.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/qvh8h8ud0xnlnohg/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLXNjcmVlbnMvcmVsZWFzZXMvdGFnLzQuMTMuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535186"&gt;Screens 4.13 - Native tabs&lt;/a&gt;: This is finally coming, native bottom tabs for Android and iOS (including iOS 26 liquid glass tabs) for both Legacy/New Arch!&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/g3hnhwumkvp0ppu3/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24tbGFicy9wcml2YXRlLW1pbmQ=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535187"&gt;Private Mind&lt;/a&gt;: SWM introducing an app to chat with local LLM models, a good alternative to ChatGPT with no privacy concerns. Open-source and based on React Native ExecuTorch.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/9qhzhdudl79e9niz/aHR0cHM6Ly93d3cuY2FsbHN0YWNrLmNvbS9ibG9nL3BlcmZvcm1hbnQtYW5kLWNyb3NzLXBsYXRmb3JtLXNoaW1tZXJzLWluLXJlYWN0LW5hdGl2ZS1hcHBz" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535188"&gt;React Native Fast Shimmer - Lightweight, performant, customizable library for creating elegant loading skeletons&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/3ohphdu3nwzkzxap/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLWdlc3R1cmUtaGFuZGxlci9yZWxlYXNlcy90YWcvMi4yNy4y" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535189"&gt;Gesture Handler 2.27.2 - Various bugfixes and improvements&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/n2hohquvkdrlrmf0/aHR0cHM6Ly9naXRodWIuY29tL3NvZnR3YXJlLW1hbnNpb24vcmVhY3QtbmF0aXZlLXJlYW5pbWF0ZWQvcmVsZWFzZXMvdGFnLzMuMTkuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535190"&gt;Reanimated 3.19 - Support for RN 0.81, many bugfixes&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/48hvh7umnog7glcq/aHR0cHM6Ly9naXRodWIuY29tL2NhbGxzdGFjay9yZWFjdC1uYXRpdmUtYnVpbGRlci1ib2IvcmVsZWFzZXMvdGFnL2NyZWF0ZS1yZWFjdC1uYXRpdmUtbGlicmFyeSU0MDAuNTIuMA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535191"&gt;Create React Native Library 0.52 - Option to create Nitro views&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/wnh2h6uq3zglg6tl/aHR0cHM6Ly93d3cubmF0aXZldWkuaW8v" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535192"&gt;NativeUI - Beautiful, accessible components using the shadcn distribution model&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎥 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/reh8h9ume8xoxra6/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1ubE15cGxSTDhWOA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535193"&gt;Beto - How to Use Claude Code with React Native (Step-by-Step)&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎥 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/08hwhgu2k8zpz6ap/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1wZVozNlU4N2stTQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535194"&gt;Expo - Repack Workflow Demo - Cut React Native CI build times by up to 80%&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;🎥 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/8ghqh3uox4979mal/aHR0cHM6Ly93d3cueW91dHViZS5jb20vd2F0Y2g_dj1IRERtYVZFTXYxdw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535195"&gt;Simon Grimm - React Native Authentication with Expo Router v5&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;&lt;/p&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px"&gt;
&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;🔀 &lt;/strong&gt;&lt;u style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;Other&lt;/strong&gt;&lt;/u&gt;
&lt;/h2&gt;
&lt;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"&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📣 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/dphehmuem35253al/aHR0cHM6Ly9tb3ppbGxhZ2Z4LndvcmRwcmVzcy5jb20vMjAyNS8wNy8xNS9zaGlwcGluZy13ZWJncHUtb24td2luZG93cy1pbi1maXJlZm94LTE0MS8=" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535199"&gt;Shipping WebGPU on Windows in Firefox 141&lt;/a&gt;: A positive sign that WebGPU should be available everywhere in the near future?&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;👀 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/e0hph0u72x4d59f7/aHR0cHM6Ly9naXRodWIuY29tL3RjMzkvYWdlbmRhcy9ibG9iL21haW4vMjAyNS8wNy5tZA==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535200"&gt;Agenda for the 109th meeting of Ecma TC39 - 28-31 July&lt;/a&gt;: Another packed meeting with many interesting proposals set to progress, but also new ones to study.&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📊 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/owhkhwuw7zo056iq/aHR0cHM6Ly9zdXJ2ZXkuZGV2b2dyYXBoaWNzLmNvbS9lbi1VUy9zdXJ2ZXkvc3RhdGUtb2YtaHRtbC8yMDI1" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535202"&gt;State of HTML - Survey open&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwm07iz/aHR0cHM6Ly93d3cuam9zaHdjb21lYXUuY29tL3N2Zy9mcmllbmRseS1pbnRyb2R1Y3Rpb24tdG8tc3ZnLw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535203"&gt;A Friendly Introduction to SVG&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📜 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/p8hehqu4lvxp85fr/aHR0cHM6Ly93d3cuc29sYmVyZy5pcy9mYXN0LXR5cGUtYXdhcmUtbGludGluZw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535204"&gt;Faster Type-Aware Lint Rules: Biome vs. Oxlint&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/x0hph3uelg34xltg/aHR0cHM6Ly9naXRodWIuY29tL3R5cGVzY3JpcHQtZXNsaW50L3RzZ29saW50" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535205"&gt;tsgolint - Experimental typescript-go powered JS/TS linter, ~30x faster than ESLint&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/6qhehouldqo302f9/aHR0cHM6Ly9idW4uc2gvYmxvZy9idW4tdjEuMi4xOQ==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535206"&gt;Bun 1.2.19 - pnpm-style isolated node_modules install, interactive upgrades, &lt;code style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;color:green;font-family:monospace"&gt;bun why,&lt;/code&gt; and more&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/7qh7h2u9mgzx3ob9/aHR0cHM6Ly93d3cuYmV0dGVyLWF1dGguY29tL2Jsb2cvMS0z" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535208"&gt;Better Auth 1.3 - New SSO, OIDC, Stripe, Ethereum plugins&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding:5px 0"&gt;&lt;span style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit"&gt;📦 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/owhkhwuw7zo05whq/aHR0cDovL25hcGkucnMvYmxvZy9hbm5vdW5jZS12Mw==" target="_blank" class="ck-link" rel="noopener noreferrer" style="font-family:Helvetica, Arial, sans-serif;color:inherit;font-family:inherit;font-size:inherit;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535209"&gt;NAPI-RS 3.0 - Building pre-compiled Node.js addons in Rust&lt;/a&gt;&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;div style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;padding-bottom:10px;display:block"&gt;&lt;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"&gt;&lt;/div&gt;
&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;h2 class="" style="font-family:Helvetica, Arial, sans-serif;color:#333;font-size:30px"&gt;
&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;🤭 &lt;/strong&gt;&lt;strong style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;u style="font-family:Helvetica, Arial, sans-serif"&gt;Fun&lt;/u&gt;&lt;/strong&gt;
&lt;/h2&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/z2hgh7ue8gwm0phz/aHR0cHM6Ly94LmNvbS9sZWVyb2Ivc3RhdHVzLzE5NDcwNTc4NDg5Njc0NjcyNzQ=" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1767535210"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/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"&gt;&lt;/a&gt;&lt;figcaption style="font-family:Helvetica, Arial, sans-serif;text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;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"&gt;&lt;tbody style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;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%"&gt;&lt;a style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1;border-bottom:none;display:block" href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/p8hehqu4lvxp8xur/aHR0cHM6Ly94LmNvbS9nZXJ6b256Yy9zdGF0dXMvMTk0NDc4MzQ1ODczMzA0ODE2NA==" target="_blank" rel="noopener noreferrer" class="kit-image-link" url-id="1767535211"&gt;&lt;img src="https://thisweekinreact.com/emails/issues/244/meme2.jpg" alt="alt" height="auto" style="font-family:Helvetica, Arial, sans-serif;max-width:100%;height:auto;margin:0 auto;border-radius:4px 4px 4px 4px;height:auto;object-fit:contain"&gt;&lt;/a&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="font-size:16px;line-height:1.4em;font-family:Helvetica, Arial, sans-serif;color:#333333;margin-bottom:1em"&gt;See ya! 👋&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;

&lt;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"&gt;
&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/x0hph3uelg34xxig/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="1767535212"&gt;&lt;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"&gt;&lt;/a&gt;
&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/6qhehouldqo30xu9/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="1767535213"&gt;&lt;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"&gt;&lt;/a&gt;
&lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/kkhmh2un37mo4rbk/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="1767535214"&gt;&lt;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"&gt;&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;

&lt;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"&gt;
&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;tr style="font-family:Helvetica, Arial, sans-serif"&gt;&lt;td align="center" style="font-family:Helvetica, Arial, sans-serif"&gt;
💔 &lt;a href="https://unsubscribe.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1"&gt;Unsubscribe&lt;/a&gt; |
⚙️ &lt;a href="https://preferences.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1"&gt;Email Preferences&lt;/a&gt; |
💸 &lt;a href="https://click.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4/58hvh8ugze74lxu7/aHR0cHM6Ly90aGlzd2Vla2lucmVhY3QuY29tL3Nwb25zb3I=" style="font-family:Helvetica, Arial, sans-serif;text-decoration:none;border-bottom:1px solid #0875c1;color:#0875c1" url-id="1767535215"&gt;Advertise&lt;/a&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/div&gt;

&lt;/div&gt;
&lt;!--[if mso]&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;
&lt;/center&gt;
&lt;![endif]--&gt;
&lt;!-- --&gt;
&lt;img src="https://open.convertkit-mail4.com/8kum7m40v5hoh2gqplkakhklpq399a3hz5rv4" alt="" style="font-family:Helvetica, Arial, sans-serif"&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
