<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" style="font-size:16px;"><head></head><head><meta charset="utf-8"/><!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"/><!--<![endif]--><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="x-apple-disable-message-reformatting"/><meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no"/><meta name="color-scheme" content="light"/><meta name="supported-color-schemes" content="light"/><title>the React codebase everyone's afraid to touch</title><!--[if mso]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><style>
:root { color-scheme: light; supported-color-schemes: light; }
body { margin: 0; padding: 0; min-width: 100%!important; -ms-text-size-adjust: 100% !important; -webkit-transform: scale(1) !important; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
.body { word-wrap: normal; word-spacing:normal; }
table.mso { width: 100%; border-collapse: collapse; padding: 0; table-layout: fixed; }
img { border: 0; outline: none; }
table { mso-table-lspace: 0px; mso-table-rspace: 0px; }
td, a, span { mso-line-height-rule: exactly; }
#root [x-apple-data-detectors=true],
a[x-apple-data-detectors=true],
#MessageViewBody a { color: inherit !important; text-decoration: inherit !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
span.MsoHyperlink { color: inherit !important; mso-style-priority: 99 !important; }
span.MsoHyperlinkFollowed { color: inherit !important; mso-style-priority: 99 !important; }
.a { background-color:#ffffff; }
.b { background-color:#030712; }
.c { background-color:#ffffff; }
.d { background-color:#EAEBEC; }
.d2 { background-color:#FFFFFF; }
.d3 { background-color:#FFFFFF; }
h1 a { text-decoration:underline;color:#a6825a !important;font-weight:bold;font-style:italic; }
h2 a { text-decoration:underline;color:#a6825a !important;font-weight:bold;font-style:italic; }
h3 a { text-decoration:underline;color:#a6825a !important;font-weight:bold;font-style:italic; }
h4 a { text-decoration:underline;color:#a6825a !important;font-weight:bold;font-style:italic; }
h5 a { text-decoration:underline;color:#a6825a !important;font-weight:bold;font-style:italic; }
h6 a { text-decoration:underline;color:#a6825a !important;font-weight:bold;font-style:italic; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, ul, li, ol, p, p a { margin: 0;padding: 0; }
h1 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:28px;color:#2A2A2A;line-height:1.75;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h2 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:24px;color:#2A2A2A;line-height:1.5;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h3 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:20px;color:#a6825a;line-height:1.25;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h4 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:18px;color:#2A2A2A;line-height:1.125;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h5 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:16px;color:#2A2A2A;line-height:1;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h6 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:14px;color:#2A2A2A;line-height:0.875;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
p { font-family:'Helvetica',Arial,sans-serif;font-weight:400;color:#2D2D2D;font-size:16px;line-height:1.5;padding-bottom:12px;padding-top:12px;mso-margin-top-alt:12px;mso-margin-bottom-alt:12px; }
p a, .e a, ul a, li a, .h a, .h2 a, .h3 a { word-break:break-word;color:#a6825a !important;text-decoration:underline;text-decoration-color:#a6825a;font-weight:bold;font-style:italic; }
p a span, .e a span, ul a span, li a span { color: inherit }
p .bold { font-weight:bold;color:#2D2D2D; }
p span[style*="font-size"] { line-height: 1.6; }
.f p { font-size:12px;line-height:15px;color:#2D2D2D;padding:0; }
.f p a { color:#2D2D2D !important; }
.g p { font-family:'Helvetica',Arial,sans-serif;font-size:14px;line-height:20px;font-weight:normal;margin:0; }
.g p a { text-decoration: underline; }
.i p { font-family:'Helvetica',Arial,sans-serif;line-height:1.5;font-size:15px;color:#2D2D2D; }
.i p a { color:#2D2D2D !important; }
.i2 p { font-family:'Helvetica',Arial,sans-serif;line-height:1.5;font-size:15px;color:#2D2D2D; }
.i2 p a { color:#2D2D2D !important; }
.i3 p { font-family:'Helvetica',Arial,sans-serif;line-height:1.8;font-size:24px;color:#2D2D2D; }
.i3 p a { color:#2D2D2D !important; }
.h p a { color:#0C4A6E !important; }
.h2 p a { color:#0C4A6E !important; }
.h3 p a { color:#0C4A6E !important; }
.f p a, .i p a, .i2 p a, .i3 p a, .h p a, .h2 p a, .h3 p a { text-decoration:underline; }
.j { border-top:4px solid #a6825a; }
.k p { padding-left:15px;padding-bottom:0px;padding-top:6px;mso-margin-top-alt:6px;mso-margin-bottom-alt:0px;mso-margin-left-alt:15px; }
.o { background-color:#FFFFFF;border:1px solid #F1F1F1;border-radius:5px; }
.o p { font-family:'Helvetica',Arial,sans-serif;padding:0px;margin:0px; }
.l p,
.l p a, .l a { font-size:14px;line-height:20px;font-weight: bold;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.m p,
.m p a { font-size:13px;line-height:18px;font-weight:400;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.n p,
.n p a { font-size:12px;line-height:17px;font-weight:400;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.p { background-color:#FFFFFF;max-width:520px;border:1px solid #E1E8ED;border:1px solid rgba(80, 80, 80, 0.3);border-radius:5px; }
.q { font-size:16px;font-family:Helvetica,Roboto,Calibri,sans-serif !important;border:1px solid #e1e8ed;border:1px solid rgba(80, 80, 80, 0.3);border-radius:10px;background-color:#FFFFFF; }
.q p { font-size:16px;font-family:system-ui,Helvetica,Roboto,Calibri,sans-serif !important;color:#222222;padding:4px 0; }
.r { border:1px solid #E1E8ED !important;border-radius:5px; }
.s p { font-size: 14px; line-height: 17px; font-weight: 400; color: #697882; text-decoration: none; }
.t p { font-family:'Helvetica',Arial,sans-serif;font-size:12px;line-height:1.5;font-weight:400;color:#000000;font-style:italic;padding:0px; }
.v { border-radius:10px;border:solid 0px #a6825a;background-color:#a6825a;font-family:'Verdana',Geneva,sans-serif;color:#000000; }
.v a { text-decoration:none;display:block;color:#000000; }
.w p { font-size:12px;line-height:15px;font-weight:400;color:#FFFFFF; }
.w p a { text-decoration: underline !important;color:#FFFFFF !important; }
ul { font-family:'Helvetica',Arial,sans-serif;margin:0px 0px 0px 25px !important;padding:0px !important;color:#2D2D2D;line-height:24px;list-style-type:disc !important;font-size:16px; }
ul ul { list-style-type:circle !important; }
ul ul ul { list-style-type:square !important; }
ul ul ul ul { list-style-type:disc !important; }
ul ul ul ul ul { list-style-type:circle !important; }
ul ul ul ul ul ul { list-style-type:square !important; }
ul ul ul ul ul ul ul { list-style-type:disc !important; }
ul ul ul ul ul ul ul ul { list-style-type:circle !important; }
ul ul ul ul ul ul ul ul ul { list-style-type:square !important; }
ul > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; }
.poll-choices > li { margin: 4px 0px 0px 0px !important; }
ol { font-family:'Helvetica',Arial,sans-serif;margin: 0px 0px 0px 25px !important;padding:0px !important;color:#2D2D2D;line-height:24px;list-style:decimal;font-size:16px; }
ol > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; }
li > p, li p { font-family:'Helvetica',Arial,sans-serif;font-size:16px;font-weight:normal;line-height:24px;padding:0px; }
.e h3,
.e p,
.e span { padding-bottom:0px;padding-top:0px;mso-margin-top-alt:0px;mso-margin-bottom-alt:0px; }
.e span,
.e li { font-family:'Helvetica',Arial,sans-serif;font-size:16px;color:#2D2D2D;line-height:24px; }
.rec { font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; }
.rec__button:hover { background-color: #f9fafb !important; }
.copyright a {color: inherit !important; text-decoration: none !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important;}
.txt_social p { padding: 0; word-break: break-all; }
.table, .table-c, .table-h { border: 1px solid #C0C0C0; }
.table-c { padding:5px; background-color:#FFFFFF; }
.table-c p { color: #2D2D2D; font-family:'Helvetica',Arial,sans-serif !important;overflow-wrap: break-word; }
.table-h { padding:5px; background-color:#F1F1F1; }
.table-h p { color: #2A2A2A; font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif !important;overflow-wrap: break-word; }
@media only screen and (max-width:667px) {
.aa, .w100pc { width: 100% !important; }
.bb img { width: 100% !important; height: auto !important; max-width: none !important; }
.cc { padding: 0px 8px !important; }
.ee { padding-top:10px !important;padding-bottom:10px !important; }
.ff ul, .ff ol { margin: 0px 0px 0px 10px !important;padding: 0px !important; }
.ff li { margin:10px 0px 0px 10px !important; }
.r {height:140px !important;}
.s p { font-size:13px !important;line-height:15px !important; }
.mob-hide {display:none !important;}
.mob-show {display: block !important; width: auto !important; overflow: visible !important; float: none !important; max-height: inherit !important; line-height: inherit !important;}
.mob-stack {width:100% !important;display:block !important;}
.mob-w-full {width:100% !important;}
.mob-block {display:block !important;}
.embed-img {padding:0px 0px 12px 0px !important;}
.socialShare {padding-top:15px !important;}
.rec { padding-left:15px!important;padding-right:15px!important; }
.bodyWrapper { padding:10px 4px 10px 4px !important; }
.social-mobile {float:left !important;margin-top:10px !important;}
}
@media screen and (max-width: 480px) {
u + .a .gg { width: 100% !important; width: 100vw !important; }
.tok-heart { padding-top:75% !important; }
.tok-play { padding-top: 250px !important; }
}
@media screen and (max-width: 320px) {
.tok-heart { padding-top:65% !important; }
}
.u { border: 1px solid #CACACA !important; border-radius: 2px !important; background-color: #ffffff !important; padding: 0px 13px 0px 13px !important; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif !important;font-size: 12px !important; color: #767676 !important; }
.u a { text-decoration: none; display: block !important; color: #767676 !important; margin: 0px !important; }
.u span, .u img { color: #767676 !important;margin:0px !important; max-height:32px !important;background-color:#ffffff !important; }
</style><!--[if mso]><style type="text/css">
h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif !important;}
body, table, td, p, a, span {font-family: Arial, sans-serif !important;}
sup { font-size: 100% !important;vertical-align: .5em !important;mso-text-raise: -1.5% !important;line-height: 0 !important; }
ul { margin-left:0px !important; margin-right:10px !important; margin-top:20px !important; margin-bottom:20px !important; }
ul li { margin-left: 0px !important; mso-special-format: decimal; }
ol { margin-left:0px !important; margin-right:10px !important; margin-top:20px !important; margin-bottom:20px !important; }
ol li { margin-left: 0px !important; mso-special-format: decimal; }
li.listItem { margin-left:15px !important; margin-top:0px !important; }
.paddingDesktop { padding: 10px 0 !important; }
.edm_outlooklist { margin-left: -20px !important; }
.embedImage { display:none !important; }
</style><![endif]--><!-- SVE9JWJXQUc88b925b-ad35-4013-ad2e-a5006015907561506297-0c60-4133-a925-5ec571ff2483 --><style></style></head><body class="a" style="margin:0px auto;padding:0px;word-wrap:normal;word-spacing:normal;background-color:#ffffff;"><div role="article" aria-roledescription="email" aria-label="email_name" lang="en" style="font-size:1rem"><div style="display:none;max-height:0px;overflow:hidden;"> Taming the code you didn't write โ plus the week's best React reads  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </div><table role="none" width="100%" border="0" cellspacing="0" align="center" cellpadding="0" class="gg"><tr><td align="center" valign="top"><table role="none" width="670" border="0" cellspacing="0" cellpadding="0" class="aa" style="width:670px;table-layout:fixed;"><tr><td class="bodyWrapper" align="center" valign="top" style="padding:10px 5px 10px 5px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="top" style="border-width:0px 0px 0px 0px;border-style: solid; border-color: #FFFFFF;border-radius:10px 10px 0px 0px;background-color:#ffffff;" class="c"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr id="header"><td style="padding:15px 15px 0px 15px;"><div style="padding-top:0px;padding-right:0px;padding-bottom:20px;padding-left:0px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td class="f" align="right" valign="top"><p> July 02, 2026 | <a data-read-online-tooltip="true" href="https://link.mail.beehiiv.com/v1/c/h%2BoqJssHa2VKUWS0262nVbqoc8rjL9jlIStGbF0RgDez6PIN26ySSUUTls%2F%2F%0AeHXVuGY6UtVJl%2BaGMFBM3lzRyxFGp68tgRiapjgwXz9DK1u%2FmOiiIKT5drfR%0AP19Muju6p9I0osghr4nW%2FTjMbF0NTMBDaHGRUf%2FLNQLS2FgInIuZz71prW%2Ba%0A28s978aqbcLSXu%2BxNTRnvhhh5mkqkWb8m%2BLfSakjoMmBe5nFNES1d1k%3D%0A/504a313d9c18b82a">Read online</a></p></td></tr><tr><td class="dd" align="center" valign="top" style="padding:15px 0;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="top"><h1 style="text-align:left;font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:Bold;font-size:32px;color:#2A2A2A;padding:2px 0;line-height:38px;"> the React codebase everyone's afraid to touch </h1></td></tr></table></td></tr><tr><td style="line-height:0;"><div data-open-tracking="true"><img src="https://link.mail.beehiiv.com/v1/o/ba%2BBxnPYYSGtxA60vnx4TXEnoIrZ9umhoexT76Z5ZP1MBeQesfEKex%2FQu6Mb%0AmJlFDt08iaERK2OcDnSFkliQ%2FE2e%2FAlkHcgIlV20cHjcjGDu%2B5q2jlcAqRVc%0A369i%2FErIt2BFwyw6XVBm01pKD%2BlrVs6svrOBlA4PW3qW5lkRzUKq%2Bgdhchz%2B%0AHqO9jW0IflexL9n0vXQ13XTSEXR33sDUmv9xqk8VA1C7%2BUP2AlywOzkoEpFE%0Aso6y1OGm7eOiC2MSkfwHVkB25cNbuWfGyN%2BeqNlJMZood1oeBhtX9w0I8u%2Bk%0AjSj2Xeb5C7LNWkCqOVW8%2FawkvIIWO7hOJ9jQyOfYAdV7ZQpUlwp7KlFcQcFo%0AZ6buaF3sIAhOWIry6A00vwroRfdjsiaYuPAxPtjzKc1rmCX%2BqTp5GsYwkduL%0AvLZuzGJTHoMYtVzwyofVFW8cbx8ejV226tbNFQGvt7sfMQRtHI8YeiIhGPIO%0AQRh0FyDnx78%3D%0A/e18aeb19dd40a566.gif" alt="" width="1" height="1" style="display:block;border:0;outline:0;"></div></td></tr></table></div></td></tr><tr id="content-blocks"><td class="email-card-body" align="center" valign="top" style="padding-bottom:15px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td class="dd" align="center" style="padding:0px 15px;text-align:center;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/Zm5aq64mP4xpG5aDakovGPg09JXaD%2F36uwCaAX845YRhQ37YTgm4VQR6ovHt%0APC3qsrbeJTDJOezH3Bs2o909qjBA68d4zeVU2qDVLsOZFaRtmEqo8AsbNHQL%0AG5tWlwqwwCzPsWgU3C0mCia0RZ6Ne32Qpd8GdLQuGr%2BfLq36SiJFKwX1%2FqhA%0AGabMIDPQIdL%2BiXAMg%2BsfKYHJ8pdGV0%2FtcL5NtKuVpqidlXCtrjZ3xDc%3D%0A/1964634f0629c3cb" target="_blank" rel="noopener noreferrer nofollow"><span>Your Complete React Learning Platform</span></a></b><b> | </b><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/qeZTXgnBcbq6pr7emusAUudgdBLoFbEKJEbDwaXDmukCetOxOg%2BpaRyhhvke%0A3gfuhFxELqRA%2BjClSJz2gmmPrr6%2FmzL88w2CDeinl34bzEIPsx7ZWM1%2BHXav%0Ab378xM0Sxw5KVd36XbZcfsUd0l1KO5ziIOHdx1drVn9tyQQN%2BgQt0UY7uhnC%0Ayh15re75BB14PQHBEXeWEPvVsAsj9jt2wm82EKd4DE%2BD0Dhy9d%2BbeOs%3D%0A/f75d945000206406" target="_blank" rel="noopener noreferrer nofollow"><span>My channel</span></a></b><b> | </b><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/Pp8bSH0RhHMc08uqm3HPhKB65v8EBbA%2FsI8gqs4gs8ay7bQ6ysihO3aclB8l%0ANkaUGRaMebdTnH8lv3QGxzutxoDUKFOciYBAtQEkaZ48O13cbnvP0vxDG0q1%0A5W9t1ikjIxhJF0JS%2BhAaZlDVoaeah31NgWHNlAvaaRc%2FoDMdFFEJNCSjfUhH%0Ad2%2FcxeXNfKmUXbF%2FlTTd8tPVQumpKlLqorcWUYqRs%2FhGC5dzNGbidJ0%3D%0A/69572fa728415b0b" target="_blank" rel="noopener noreferrer nofollow"><span>Sponsor This Newsletter</span></a></b></p></td></tr><tr><td align="center" valign="top" style="padding-bottom:20px;padding-left:15px;padding-right:15px;padding-top:20px; " class="dd"><table role="none" border="0" cellspacing="0" cellpadding="0" style="margin:0 auto 0 auto;"><tr><td align="center" valign="top" style="width:1008px;"><img src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/49f41ede-f34d-44d3-be63-576c8db69686/500w-logo.png?t=1738244373" alt="" height="auto" width="1008" style="display:block;width:100%;" border="0"/></td></tr></table></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> Hey guys, </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> Welcome to another edition of Import React by Cosden Solutions! </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> This week has a theme, whether I planned it or not: <b>legacy code</b>. Nearly all of us have opened a repo we didn't write and felt our soul briefly leave our body ๐
. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> Let's get into it. </p></td></tr><tr><td><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" style=""><tr><td bgcolor="#f7f5f2" style="background-color:#f7f5f2;border-color:#e0d7c7;border-radius:8px;border-style:dashed;border-width:1px;padding:16.0px 16.0px 16.0px 16.0px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> Meta, TikTok, Klaviyo, GA4. Four logins, four answers. Viktor pulls them into one Slack thread, so your whole stack reports in a single brief instead of four open tabs. <a class="link" href="https://link.mail.beehiiv.com/v1/c/zgBSKsW%2FCgWANo2KJwGFFMl7rP3dEE%2B7vqpi3nKRuQPS1Iercn4ujtdzUcn0%0AOImHdDAFdaBfWaOEOeglw9Li8nhoIn2kmOD%2Fd2icss2HQf4w85mAo6iGR2bg%0ApEkl0p9Dwb7aB7vkJFik09%2FjKcoX9Aol1xlkj528%2B%2BUee4RhFqVYLGYn%2BSnt%0AevxQiol%2FvnChWjyij2cYJXpOHmpbHGwZyPoZeQ0LxakTqCybrB%2FtiPS1Wlqv%0Am9Q5U1SfORv837MRhb%2B8%2Bu4pjhjA%2BRTQ74Mw%2FsgmYdK7RmYet0VjkKWgw7dW%0AUd5ubbyUy19TUxqsBEJN5SI7TkgF79Lp5MR%2FtYXXWg%3D%3D%0A/43c9d8c9862f9dc5" target="_blank" rel="noopener noreferrer nofollow"><span>Get Started for Free</span></a></p></td></tr></table></td></tr></table></td></tr><tr><td align="center" valign="top" style="font-size:0px;line-height:0px;padding:30px 0px 30px;" class="dd"><table class="j" role="none" width="80%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td> </td></tr></table></td></tr><tr><td id="the-latest-in-react" class="dd" align="left" valign="top" style="color:#2A2A2A;font-weight:normal;padding:0px 15px;text-align:left;"><h2 style="color:#2A2A2A;font-weight:normal;mso-line-height-alt:150.0%;">โก๏ธ The Latest In React</h2></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ย <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/UAjeKuZRS%2F8mMD4SDB%2BVf7IQ7RS9iep9VUYzzNNmbw1Y5bb3o7aJ4sZvCJI4%0AkmgVdRSRkAim7o3Hu5FSKx%2FMVvAxtAlLROuE1U%2BgLHYCibLmoX9e4w2D2XQn%0AWmRjcRpeNWTOVpRmA%2F%2FALsUDMSEltP1COms6N9%2B5TLbyOv2SVFMxZ0LVGSvX%0AxZUYiwnJcCtaoq1n9p1Mbo0Ke%2B3BAQEXSEceXckC9U1uftMT9NKmQ4E%3D%0A/90c043b1f364f134" target="_blank" rel="noopener noreferrer nofollow"><span>Backend dev drowning in a 5-year-old React codebase</span></a></b><br>Possibly the most relatable r/reactjs thread this month: <b>a backend dev gets handed a sprawling 5-year-old React app and asks how you're even supposed to start.</b> Anyone who's inherited a frontend they didn't write is going to feel this one in their bones, go read it and add your own war story. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ฎ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/%2BA785rNGzpYB8w9LelJZRHz%2FMW96XEtfVlos0CBk3G8VSZOxJyiMYNPheHft%0AXuskKWgzDnpOISEa23VpMsmi7IbGwO5PFUkB3GOPRaexktDC5fZQDkqvqUKK%0Ax2Wfl9XH6M4amouI9ap%2BvZoMK9GRYBbvaagak%2F2bxGkDCv3bZ3Lo8a07iA2F%0A6C6pnDL3ylTw9YCDP90fF9FuHbrMQbm9%2BqQbGLnA599DPBJpTv%2BZokw%3D%0A/fba334cc2fbca0d9" target="_blank" rel="noopener noreferrer nofollow"><span>How Medal cut its renderer bundle from 40MB to 2.7MB</span></a></b><br>Medal's frontend team was stuck in the classic legacy deadlock, <b>old components blocked dependency upgrades, and every new feature piled more code onto the heap.</b> Rick Zhang walks through digging out: a move to a PNPM monorepo, going all-in on Vite then Rolldown, ruthlessly deleting dead code, and swapping ancient components for Tailwind + Shadcn. <b>The renderer bundle went from 40MB+ down to 2.7MB</b>, and they can now stand up whole pages in a day, told with an absurd number of League of Legends metaphors. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐งฉย <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/Fqoizaq51uXzW1YxKvqtN9Qx23a9gXcbx7zK7GO6SfZET%2FxPRhrZz2e%2F%2FnDz%0AOU9SqNuGFqiItSc9t5Bd6C%2FFW1amOgwqa4k9SeDChdUCldStgEDLal9krge%2F%0AuY2GP0mVWcFPt8iacjHH2tUof6XpyXqNqsfTxB1Y%2FZOGkvzrxLG2lJAvOiwD%0ARnM89vqYWgOAEqOlFnCzmd%2FHYnCMnKK%2Fvqe47sbh1tA5C2aRJG0cQCY%3D%0A/164faed9c6ecc249" target="_blank" rel="noopener noreferrer nofollow"><span>Prop-driven vs composition-based design systems</span></a></b><br>A sharp r/reactjs debate on how to structure a component library: <b>MUI/Shadcn-style composition (pass children) vs Ant-Design-style props.</b> The thread settles on a nuanced middle, composition for small primitives, configuration for the big boilerplate-heavy components, plus a tidy pattern for wrapping Radix so every dropdown in your app stays consistent. Required reading if you build or maintain your own design system. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐๏ธ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/z3NPBWqnTl8O%2BppGRBKab0y%2F%2FzwrsN3bVH6HJUPW3%2FeoBV1vttuoM%2Fd8wkdA%0A3Qk4p3xLDniHTPNEzmDzgOxdjaH%2BHph6uLRcsvqKZuXJMkuE1O5jZWG85JKy%0A%2F8TtnxeiaZqZRSYizBJdoLC7o0Ju7nzidNccvKvQvryLt9TuYKWaigpLSQ0R%0AWwOYtPERte3v%2FVMEVSNk%2B3H3BoDBwk2MTIZOEZSN91eyE%2Bv7fQv5waE%3D%0A/a6e4a5828428a822" target="_blank" rel="noopener noreferrer nofollow"><span>The Goldilocks customizable select height</span></a></b><br>Now that fully-stylable <code><select></code> is nearly here, Jake Archibald tackles a deceptively hard problem: <b>sizing the dropdown picker so it's never too tall, never too short, and never crashes into the viewport edge.</b> He works through the CSS (and admits he needed help cracking it), landing on a copy-pasteable block built from <code>calc-size()</code> and <code>position-try-fallbacks</code>. A preview of the CSS we'll all be writing soon. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ฆย <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/uBRPol%2FgW4AouRgleFBUYMoasFk9%2FRQ5eecdXMy%2BajZxRun5joP7akwVrZ1%2B%0AfafUzRDRQeGFWqni6EnupPhWNyo2mcmaGFpA1H3BhUneqkk8iT5kdlhGa759%0AyeTZ1V0uhlaoWKI7Ac6C0rcnv2covx5Y70MiQbYW%2FU992EmT94i3jXqwJcGn%0AwAlAsRRzKMptoPLksChRWKVgtcLOgi2OmSmiJsPwywY7yNwOInnxxRs%3D%0A/cf60b495d29f2418" target="_blank" rel="noopener noreferrer nofollow"><span>Rolldown pulled its Rust React Compiler integration</span></a></b><br>Rolldown and Vite backed out a native Rust React Compiler integration because <b>it grew the binary by ~5MB (a 17% jump), and since Vite is framework-agnostic, every non-React user would pay for it.</b> Evan You's line: if React gets 5MB, why not Vue, Svelte, Solid? Meanwhile Rspack shipped the same Rust compiler as a headline feature (benchmarked 7โ13x faster than Babel). A clear window into the Rust-tooling tradeoffs the whole ecosystem is wrestling with. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"><b>Quick Links</b></p></td></tr><tr><td style="padding-bottom:12px;padding-left:37px;padding-right:27px;padding-top:12px;" class="ee"><div style="margin-left:0px;" class="edm_outlooklist"><ul style="font-weight:normal;list-style-type:disc;margin-bottom:12px !important;margin-top:12px !important;padding:0px 0px 0px 0px;"><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/GDtGMDt6QreoVmAilw%2BDgCQe%2FGyOD8lqwnOwLG%2FgvOQHnSjHcspI%2FUc9z158%0A%2FkUFE8%2FO1hi5L6Nv%2Fgt8W0ArkO0Dy3dMgCDkyZGHgj1%2FSqPYxnhLaEr7Wl%2Fv%0AiwDBO8P%2F31wxQkTXcbLlKtWmRHYNQfBATfcAlb5feALTSvBoKx0YWTZgGzwI%0A9cRvrkGhDy9n%2FD11S2EzKNzye9DbfuT2Gjyi4YVX6ydhYU%2FSoLfU%2Fnk%3D%0A/5135731ba7eab731" target="_blank" rel="noopener noreferrer nofollow"><span>Next.js 16.3 is landing</span></a></b> โ headlined by Instant Navigations (SPA-style instant page shells behind a <code>cacheComponents</code> flag), plus a <a class="link" href="https://link.mail.beehiiv.com/v1/c/kHO%2F6sJBw6UxDnfQeOasH2xlTv2AOozQJZO90b%2BuwAdQxAn2muWW40BOCGqG%0AMjSumzi8yDOq0LY1LJZxZyCVU12XG5DCJK8KnhiwFzoF1EbiHHBICnZlG34t%0AvDhqHprespbZWoGISocdM%2Fl0EFhMC2C34fPthBG7djzfhIlVQyB0kt0vVZrg%0AkUgf94waaNWybq4%2FMzePtgS4yuAO1dluHTix5oXIZ32hU9Jdq03%2BzP4%3D%0A/996aaf9a04eeb1b5" target="_blank" rel="noopener noreferrer nofollow"><span>Turbopack update</span></a> that cuts dev-server memory by up to ~90% and adds an experimental Rust React Compiler. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/oUe3wnYWZnxZVMPegXBKsX9pJYFGF%2FzB6ivVvnJqHYbKR4od6381xayMlxLT%0AZch14%2BlMXzYTnKRWhgVC%2FAqcqgU%2BlQWLczDdjADJwuzZPXSdag2I4cUaaqXk%0A0ZCoJidlCgUuNNe1l1XUgJMFiqw5oPQPhgCqM3sG8qVyAAJ1dZJUxZi8QHyd%0A5v3z9gXsq5%2FmFKHqVgUhXEtP24x4zNsYRTY1Un7cEMw4z3BsAGJ8Pe4%3D%0A/38262013b28cd35a" target="_blank" rel="noopener noreferrer nofollow"><span>Bring your Dockerfile to Vercel Functions</span></a></b> โ Vercel Functions can now run straight from your own Dockerfile. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/b8ad9d5H2xBDLBhRJVp7bg0PeUbqtsWrjVQm2DawRpZslpy8E695398It4qJ%0AlD2Wk1HBdjLRe1IwjTBmIvJE%2F3x%2F8A8ivBX09FrY4LqbHYYsJrejoDmUlrO5%0AlvwKO0zJ4Fxg06WtHHJyfUd5fdfzu8%2FQtcXnmpXYenfapmcVhDdDC9Bi%2BtxN%0AgMwaS1cl20005McJWpKwVG0phDP1LZPU5I0YyR7JtJmci0Gao10wF9c%3D%0A/143e192629b71311" target="_blank" rel="noopener noreferrer nofollow"><span>PrimeUI's next chapter</span></a></b> โ the PrimeUI team lays out where the component library is heading next. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/p7lgGuXsP3C8nYnPnLntkR9%2BvlhmK8AkdgBZv4M5Ur05llATLtsYHhkTvFN9%0Ag1TKjdq8hfvTOSnom1Kchb%2FjBemCLAmVtavXz6X5Sz3IfRUnKrZnI22MQtwj%0A5C0M7lh%2FAjGkIwD%2F1jkShH43jNGVu2GN%2BY5a%2BXUpIM1a9otFYKr%2BDzfGXZ8P%0ArEoOR5yMQuEMWj%2FcjUIt502BQlRXZ9cw7TUCYU3ikX1LHWisvJR249g%3D%0A/897871f8e976051c" target="_blank" rel="noopener noreferrer nofollow"><span>The Fintech Engineering Handbook</span></a></b> โ a working handbook of engineering practices, if fintech is your world. </p></li></ul></div></td></tr><tr><td align="center" valign="top" style="font-size:0px;line-height:0px;padding:30px 0px 30px;" class="dd"><table class="j" role="none" width="80%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td> </td></tr></table></td></tr><tr><td id="deep-dives-general-programming" class="dd" align="left" valign="top" style="color:#2A2A2A;font-weight:normal;padding:0px 15px;text-align:left;"><h2 style="color:#2A2A2A;font-weight:normal;mso-line-height-alt:150.0%;">๐ง Deep Dives & General Programming</h2></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐งชย <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/SCcaBkMDS6JeUY2kRd6xlgM0pZWlSsjVmajkQpKSQADKyUYQgjl8AEOm6s7G%0AHbKW37KNp5j3JDGCI5ydltDSmzkBVyAWnvJluw9nL4pG7aevqsESqPyvyUir%0A2K0vl4p3CXYQGFEN2Xs1YrRoAZOilSx0QhFK8JjMypD0HEqrpsw5r%2FS8gEwM%0AmbS4CuAHKolds042ORyxnmBGdhCPo2shqSd2Qv244KEWOccaQNW1bQY%3D%0A/c6096f80faf9c977" target="_blank" rel="noopener noreferrer nofollow"><span>The React testing questions that trip up engineers</span></a></b><br>A great set of interview-style questions on testing React: <b>the test that can never fail, what "testing implementation details" really means, testing a debounced input with fake timers, and mocking IntersectionObserver.</b> Solid interview prep โ or an uncomfortable mirror for your own test suite. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ต๏ธ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/nPd5TphZPs7RAXXe5ahcFM4qv2Xwnj%2ByPEBYrBcpv3OHghRdwuzqUUhzLGfu%0ArAGkvUFtr8mdZFn64M%2B0HqjhCkiJT4nW8cRMR1BcDoyrQpbCCu%2BA5Apz6syU%0Aco5CPjMR%2BspL2iNNDVW%2Bp7pnb93xqhxlhkXBOnyKtKJzHKexmPUPRRE%2FOt36%0Ao9L%2FQu62MxvHuW7NMFyefXoI7aPgbpzstiCgjathU%2FO9u3UYbk10XHs%3D%0A/bf6e266cc0a68f19" target="_blank" rel="noopener noreferrer nofollow"><span>The git commands I run before reading any code</span></a></b><br>Five <code>git log</code> one-liners that <b>X-ray a new codebase before you open a single file</b>: churn hotspots, bus factor, where bugs cluster, and whether the team is quietly firefighting. The perfect companion to that drowning thread up top. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ย <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/FdbGEy2xdDcQAQcP%2F9YGO85fKz1dBElLkdkzvO8ZwE%2BuT14brggLapzbr60V%0AQyIDXRa35ahNQXm1wRsWAXyzk4eWvykddfMuiZGi%2BH1Zj1wODOBArYSaNLud%0AlFFUMmRmQL7MiigbLxHLpPDP43ORkYZm2r5%2BLpZ3IqwFv13i8dVQKfRr04Ni%0AT378qyVpbMEquNUTBN%2FSvSHW299xAGV%2FT3uW3K%2FE9WqC%2F%2BsX9zUdZYI%3D%0A/bbb8f372834d446c" target="_blank" rel="noopener noreferrer nofollow"><span>Every hydration and rendering strategy, explained</span></a></b><br>A genuinely thorough tour โ SSG, CSR, SSR, streaming, islands, RSC, TanStack Start, fine-grained reactivity (Solid/Svelte), and resumability (Qwik) โ and, crucially, <b>how to actually choose between them.</b> If the rendering-strategy alphabet soup has ever confused you, this is the map. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ย <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/G14W2Fu1riHm816izv6eS2DoHdllAG%2FMOidzkuhWy3o9bvLEu4Kl0D1QsXpB%0AlmsMfc5aw%2B0lof9VpZs4BdWZxJtGFoyKHUuKZSqg1e3%2F1OFz5UhUH3Mi4yqW%0AD6V7sTuoaWP7sGCUm%2F%2Folko0RRXvUd4FLkqVraPNQy92tDwvyVl89x%2F4uvcA%0APlTl6KzRcVvNhmjzr3WXWBj%2B6Wo7oZZ7ZmpXPI1rNEz2pQthqe8EIgg%3D%0A/6176d7a808e0f32f" target="_blank" rel="noopener noreferrer nofollow"><span>The slowest possible way to add up an array</span></a></b><br>A wonderfully nerdy memory deep dive: the author builds an access pattern that sums integers <b>>30% slower than fully random access</b> by deliberately thrashing the cache, prefetcher, TLB, and even DRAM row buffers. You'll come away understanding your CPU a lot better. </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> ๐ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/zS0TmW4Y3ygbj6vDC5EobHKpSp6a86uXIXL9LxBbQCS0vq3GxIiQvBJPpNPv%0A9h5nPv0P19WBrO5kPGYz32Ua26PnY9L5WZz82jAxNDv8HFRooVsUqEwjd7pE%0AvFa2922aBCUi%2FqadCtziiKHkBXG6v6DBuT8wQiDcJQFu0Ml%2BlZJucaAV8Hht%0AiTZEoZALnkkHNWEOTXT8YaQNLA%2FWpy78ihsA6E15gm%2FlCPAvgdqHue4%3D%0A/58be5c1a2d5bd735" target="_blank" rel="noopener noreferrer nofollow"><span>CORS: what is it actually protecting?</span></a></b><br>The explainer that finally makes it click: <b>CORS is a browser rule, not a server one</b> (curl hits the same endpoint just fine), what preflight actually does, and why it is <i>not</i> CSRF protection. If you've ever allow-listed an origin without fully knowing why, read this. </p></td></tr><tr><td align="center" valign="top" style="font-size:0px;line-height:0px;padding:30px 0px 30px;" class="dd"><table class="j" role="none" width="80%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td> </td></tr></table></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> See you next week, </p></td></tr><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> Darius Cosden </p></td></tr></table></td></tr></table></td></tr><tr><td align="center" valign="top"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><tr><td class="b" align="center" valign="top" bgcolor="#030712" style="padding:0px 0px 0px 0px;border-style:solid;border-width: 0px 0px 0px 0px;border-color: #FFFFFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="top" bgcolor="#a6825a" style="padding:12px"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><span style="padding-left:1px;"></span></td><td align="center" valign="middle" width="75" style="width:75px;"><a href="https://link.mail.beehiiv.com/v1/c/zWaLUJMekGicmLnMHNVSgkbAo1ZyQ8QLBgjnCmQhQmYUks6Qic7FPQtjw8QD%0AHCib%2B%2B7GStZ0YBtpYBN%2FA7Y4KEp7GPy8VifhaLv8xj6rj1nfiO5DNSTKFUoP%0AME6NqVA1fiSDCCoDxvVqXURWl1PxEmZkbuQfJI3rPeDS20cigxvk9QER%2FNHJ%0A%2B%2FEv7eD%2F4VkdR%2FAKbxxGcm2SaSRy4TejSKHKPUHhfV%2BIZGpsfEC%2Fpos%3D%0A/c5d38fe9360560f8" style="text-decoration:none;"><img width="22" height="16" alt="yt" border="0" style="display:block;max-width:22px;color:Dark" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/static_assets/youtube_dark.png"/></a></td><td><span style="padding-left:1px;"></span></td></tr></table></td></tr><tr><td height="10" style="line-height:1px;font-size:1px;height:10px;"> </td></tr><tr><td class="w" align="center" valign="top" style="padding:15px 15px 15px 15px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="top"><p style="font-family:'Verdana',Geneva,sans-serif;color:#FFFFFF!important;"> Update your email preferences or unsubscribe <a class="link" href="https://link.mail.beehiiv.com/v1/c/YTIepJ4bvNAttuiKZuhwkt72%2B1TSL2tXT6IUnsrr79A%2B7DYThNY49XdcM8cp%0An5BBFhzNBdlrFsmbbwBbEAmFyuw8dWtzzS9UTdj5JW2J97cLLHDUOosxfPuW%0AqdX9zSAkRPkgmqrE8g9n9vq8Ga5TMAWOHjIIEjPcPRUNV6IDVBrNsSE66UuE%0AdeRAduNMopb9lfDgYENMHAoC5R6Ln9cJR2FIgnPhrypdAlI4lFlzg7U%3D%0A/e68057242a656b92" style="text-decoration:underline;text-decoration-color:#FFFFFF!important;color:#FFFFFF!important;"> here</a></p><p class="copyright" style="font-family:'Verdana',Geneva,sans-serif;color:#FFFFFF!important;"> © 2026 Import React </p><p style="font-family:'Verdana',Geneva,sans-serif;color:#FFFFFF!important;"> 228 Park Ave S, #29976, New York, New York 10003, United States </p></td></tr><tr><td align="left" valign="top" height="2" style="height:2px;line-height:1px;font-size:1px;mso-line-height-rule:exactly;"><a href='https://hp.beehiiv.com/c88b925b-ad35-4013-ad2e-a50060159075' style="color: #030712 !important; cursor: default; font-size: 1px; text-decoration: none;">Terms of Service</a></td></tr><tr><td align="left" valign="top" height="2" style="height:2px;"><a href='https://email.beehiivstatus.com/39eb54b97a74d9b706723ae78c76c636bdec41a3/hclick' clicktracking="off" style="color: #030712 !important; cursor: default; font-size: 1px; text-decoration: none;"></a></td></tr></table></td></tr></table></td></tr></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div></body></html>