<!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>🧠 React Derived State: The Trick Juniors Miss</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;font-weight:bold;font-style:italic; }
h2 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h3 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h4 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h5 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h6 a { text-decoration:underline;color:#a6825a;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:42px;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:36px;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:30px;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:27px;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:24px;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:21px;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:24px;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:23px;font-size:15px;color:#2D2D2D; }
.i p a { color:#2D2D2D !important; }
.i2 p { font-family:'Helvetica',Arial,sans-serif;line-height:23px;font-size:15px;color:#2D2D2D; }
.i2 p a { color:#2D2D2D !important; }
.i3 p { font-family:'Helvetica',Arial,sans-serif;line-height:43px;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:18px;font-weight:400;color:#000000;font-style:italic;padding:4px 0px 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:disc;font-size:16px; }
ul > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; list-style:disc; }
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; }
.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]--><!-- {{jwt_token}}c88b925b-ad35-4013-ad2e-a50060159075 --><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;"> A new way to debounce, throttle, and optimize React apps with zero framework lock-in.  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </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> November 27, 2025 | <a href="https://link.mail.beehiiv.com/v1/c/chq4HptD7nP43EUuBWiuym24xzs%2Bho2U3%2BgSigXfs7FHnFBlAhXLiPNlBibE%0A1OGGlLmy%2F5OJPvKhwrfR3gekrGA97QIxaDmcSPb5GdUqVPuVVTL3Ksv89dbi%0AYnU4rpWTYLgvKQNZDtLdYem9ya1LydD64IC4l4ZuxMkp%2BpvkLDle2ahgtje7%0Aw033RzhFwnd7%0A/033c72534040e2f1"><span class="translation_missing" title="translation missing: en.templates.posts.email.header.read_online">Read Online</span></a></p></td></tr><tr><td style="line-height:0;"><div data-open-tracking="true"> <img src="https://link.mail.beehiiv.com/wf/open?upn=u001.nYUPT62rnz2LOikSXdhMvG4MAYNbROapfMyuxuj9X195UrmEhScHVFxVaI0pFdttqiY91OOVl0Lge-2FYa21eT-2F-2BYcrhcgdKGElRUM3K-2F83ckKHgV0HdYFZ0AJNTlwT5K-2FG46jW7JGOP2gQ5IQZsYbSQL-2FK5r-2FiIgl1K-2FSJ5KGAVUly532c63aYXjn-2BCIWTd8NPE29Uxze0f-2Bk5R-2B9YvzkyxDqyzyY7uAMGhLRJvVwZ8cPp19zGUs0mdNXgLYpxtIROPQAkyPBSVzzV25wqIYMXWD7Z2XPNxeUQxSOCiJyFv8sNX853IJRBsB85ciOjaxfNmdw7eVIXKcK7KqKq2PJW5fTDblqWHkKPWw5HZQOaCzAATsSxqAcw94MBDfH2szalCMuo6f-2BlNFGwvW43JThCxVxhgKqiMKNVRDEcXdX3vcE6boQSKEaMr02ggOwWphKTMvv49lFGZbd7bQZAkRBK0tXgpdmMS1tvhD2tP6RekKuvYl2kubv2PtlrBRYtXviw-2FFdJts1j6RPH4XvU2G5sjA3XDeGZ-2Ff119nwboXY-2B6U-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/> </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><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" style=""><tr><td bgcolor="transparent" style="background-color:transparent;padding:0.0px 0.0px 0.0px 0.0px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0"><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%;"><span style="color:#161616;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/iisNVAcXutGUt7hSnVv7VSsccw7n%2Fv5PUbysEHJN62%2Bg%2Bo6Q4mKkSJo%2B3ga%2F%0ANyUwRk10YVltxV8W9vxbR5m7uQFiUiRtXV2ZmVzFXUSjqjsPxUtT9OR%2FwHoY%0AT8c9D7qo0h7yXuQ0A5ZeNnZqAz6%2FcYXVWsAHttQm%2FuthBfS%2B%2FjMpxU1sr02P%0AQFFg5d1c8wRX%0A/54c2c7d15bf10143" target="_blank" rel="noopener noreferrer nofollow"><span>Learn Advanced React Patterns</span></a></b></span><span style="color:#161616;"> </span><span style="color:#161616;"><b>| </b></span><span style="color:#161616;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/r%2BEQfzHXJhdKy6lrk2WHVF4fxFRIO52qN3xOlaywxNC%2FN4qWE8uoU5WJSH4Y%0AbdWQJ%2Fuyj%2BtnfuyPyiINlpw0UdKMgZ9Hm8L8xO0c6gqgSJaxfosvNqiQPmYu%0A0bBRGKy8vc%2FXk3qgUO39QqSXcqaMQo911W3PdfcW1BXh0wbn55vYs8WIRw%2F2%0AIE1t2TsR%2B7tB%0A/10d40f0980a63018" target="_blank" rel="noopener noreferrer nofollow"><span>My channel</span></a></b></span><span style="color:#161616;"> </span><span style="color:#161616;"><b>| </b></span><span style="color:#161616;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/DwgUDlsMq9B3D1TGjRmZdoFSosITfgPWDvhWunceP9C0K%2F1fkXM9Zg9PsVHl%0Ao4ntUjxdUAWRPoi35Lftc%2Bglio39JTqaSZbxEGZi8ytI6voBUSmUku%2BZ%2BcvH%0AOQuPYKuk%2BojywWfKk0eYVQk56Res9qfkc2RhD8bTg1StnaBhdaKlIOFDNVr6%0AWot%2FQqNDI1IP%0A/3606abe0e15aef00" target="_blank" rel="noopener noreferrer nofollow"><span>Sponsor This Newsletter</span></a></b></span></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:126px;"><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="Cosden Solutions Logo" height="auto" width="126" style="display:block;width:100%;border-radius:0px 0px 0px 0px;border-style:solid;border-width:0px 0px 0px 0px;box-sizing:border-box;border-color:#E5E7EB;" 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%;"><span style="color:rgb(3, 7, 18);">Hey guys,</span></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%;"><span style="color:rgb(3, 7, 18);font-family:Helvetica, Arial, sans-serif;font-size:16px;">Welcome to another edition of </span><span style="color:rgb(3, 7, 18);font-family:Helvetica, Arial, sans-serif;font-size:16px;"><b>Import React </b></span><span style="color:rgb(3, 7, 18);font-family:Helvetica, Arial, sans-serif;font-size:16px;">by Cosden Solutions!</span></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%;"><span style="color:#161616;">Happy Thanksgiving to all of my American readers. </span>🦃<span style="color:#161616;"> </span></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 class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> A quick note before we get into the newsletter. </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>Tomorrow morning, Cosden Code goes live </b>🚀 </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%;"> After weeks of walking you through the platform, the Cosden Assistant, the hands-on coding environment, the ever-evolving curriculum, <b>tomorrow is launch day.</b></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%;"> Here's what you're getting: </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>React curriculum from beginner to advanced</b> - launching with JavaScript, React Fundamentals, and Design Patterns in React, with new courses dropping every 6 weeks throughout 2026: TypeScript, React Query, Redux, Zustand, React Router, Next.js, and more. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Video lessons + hands-on coding in every lesson</b> - no passive watching. Every concept comes with exercises in a built-in IDE. No setup required. No switching tabs. Just start coding. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>The Cosden Assistant</b> - AI mentorship with human-crafted context built into every single lesson. It knows exactly what you're learning, sees your code, and guides you when you're stuck. Available 24/7. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Active Discord community</b> - thousands of developers learning together. You're not doing this alone. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Always up to date</b> - when React evolves, the platform evolves. New courses every 6 weeks. New features. New patterns. You never outgrow this. </p></li></ul></div></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 is the platform I wish existed when I was learning React. Expert instruction when you need context. Hands-on practice so concepts actually stick. And help available the moment you get stuck. </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>If you're on the waitlist, keep an eye on your inboxes for early access</b> tonight! </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>Not on the waitlist yet?</b> You can still join now and get the access link before the public, this is your last chance. </p></td></tr><tr><td class="e" align="left" valign="top" style="padding:15px 15px 12px;"><h3 style="">Should I send you the early-access offer tonight?</h3></td></tr><tr><td class="ee e " style="padding:0px 15px 15px;"><div style="margin-left:0px;" class="edm_outlooklist"><table role="none" border="0" cellspacing="4" cellpadding="0" align="left" style="min-width:300px;"><tr><td style="width:100%;border:1px solid rgba(50, 50, 50, 0.17);padding:6px 12px; border-radius:4px;"><a style="font-style:normal;text-decoration:none;" href="https://link.mail.beehiiv.com/v1/c/6VqQn9nLP6fijlPfXtnBGeX0XGkPJMKH1hOUuG6cI%2FYIP8Lij%2BlKoF9luPOg%0A7yrqaB5%2BXIJFmzBKTXl%2FI1TDthNX93Bgw3bZKlGAb3xSzVC2QyqMz%2F9b4pgq%0AouZLkxyahOP6VyPcuiWy4vMDZJJUnbCkkWBGfr%2BwqVo3FLtvoxtgnfq6GCfD%0ASCbPANXgRKWH%0A/39376e359efe39e5"><p style="font-size:14px;color:inherit;"> Yes — add me so I don’t miss it </p></a></td></tr><tr><td style="width:100%;border:1px solid rgba(50, 50, 50, 0.17);padding:6px 12px; border-radius:4px;"><a style="font-style:normal;text-decoration:none;" href="https://link.mail.beehiiv.com/v1/c/lCiUvOygUt5qEdw6hVrou0wZ726thvnSirh7iC3%2FLcZuWwRcB5w%2BGvH1Fl1u%0AwdUDEza7sLeMrJhLepuO7SkUHWo8WeTRgy6Fj6PpFUR9L8tOl5NYhb9OSwid%0AKnAKH4DvgQuFuaITJI8SpblL8cjBgRz118ZAqAlcwnTmHXq5Zp1uGSwFDf5D%0AfTdc0RNxsT5Z%0A/280402b3bf06fbb2"><p style="font-size:14px;color:inherit;"> Yes — add me, I want to see what you built </p></a></td></tr></table></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="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%;">⚡️ <span style="font-family:"Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;">The Latest In React</span> </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%;"> 🏃 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/Ozx3rE6CWGjcZkJb33tjuXtxxT%2Bxe55Kg%2F%2FAMy158BSUECNQTnHQpde4YWOX%0Ac5PGkK9vhYosIKaBADwi4nLoouCPDNSSjNwOEltynl8PjCIDPltx1ktLfMhn%0Ar9AB%2FlxBdeHsrfr0RCRuHwsyytkj1irzldY5dM8FCw66gDVpaoKD5vrcOpgE%0A3R505gmtoY6N%0A/2f3d7ba91e1036e6" target="_blank" rel="noopener noreferrer nofollow"><span>TanStack Pacer Enters Beta</span></a></b></span><br><b>TanStack has officially released Pacer into beta</b>, following its initial reveal earlier this year. The library provides <b>framework-agnostic utilities</b> for debouncing, throttling, rate limiting, queuing, and batching. It includes <b>type-safe APIs</b>, reactive adapters, and support for both <b>async and sync execution</b>, along with cleanup, cancellation, and error-handling options. </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%;"> ➡️ <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/UwALme%2FckisHevUCHJkICWF6A9ND14YS32Q5gmLy70WrTdoLHmViwJ9QKPGc%0Af6sQrdbaWQsm0rD8hlYKNNquTlTTDUQea0WhVnaBsqoef%2FZ4wWrC1GTlK7pg%0AlWcIBoyzOC18sboBtmytLpFyM5LX5O3rjs9lEIvkh2ct15KuC68C5%2Bca2K6Y%0A6%2BUAbpfPeoE2%0A/57e4e228c3127f07" target="_blank" rel="noopener noreferrer nofollow"><span>Migrating 6000 React tests using AI Agents and ASTs</span></a></b></span><br><b>This is a good read if you’re curious about how AI handles large-scale, real-world code migrations</b>, not toy demos, but thousands of files in a mature codebase. A Filestage engineer documented migrating <b>6,000+ React tests</b> from Testing Library v13 to v14 using <b>AI agents + AST codemods</b>, starting with a migration guide, running both package versions in parallel, and iterating on a jscodeshift codemod to cover common patterns. </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%;"> 📱 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/iVgZKBDE9IWPt5OdVfA6tNjlLyzvS0SsUtm08mAbwQci%2BLnEsowzPE%2B3qsI%2B%0APZTWTiA96Z7yy0hpqsfXB71zU9XMjbdew0bqDnBcgv92yJbVw2qzqZ4PDsaQ%0AXGsPLk%2BWLmgaoEgVaH6ERmI9phcnSt9UpApSHkrfB6ocIwmyfzX3nmQN0eec%0AycjIXlBUmADe%0A/de2ad9daa0baf0ce" target="_blank" rel="noopener noreferrer nofollow"><span>How Vercel built the v0 iOS app</span></a></b></span><br>The Vercel team published a detailed breakdown of how they built the <b>v0 iOS app</b>, covering everything from chat animations and keyboard handling to native patches that make React Native feel truly native. It’s a worthwhile read because it shows the <b>real engineering work behind polished AI chat UIs</b>, things like dynamic blank-size calculations, Liquid Glass composers, staggered streaming text, and custom fixes upstreamed to React Native. </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%;"> 💡 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/t5Kt1AC08f9w2a6tIPiqQxWIi5S2C8rnrFvaT4MfatktBBtpN6XCBLsMO6dO%0ABtMN%2FiQS2zlWLoqYxsZmj7UzhLkeZWIDVihrVVCFEqmwO00MFkghUkAAEApw%0A3ouSrJKth5XA4QnHsun707G1l1nhD5gnTNz3d40Vy5MR%2Bl0Kg69oA9WaTNO1%0Au0tM%2FYQuqgdC%0A/bd09abb7448da824" target="_blank" rel="noopener noreferrer nofollow"><span>How to Simplify Your React Components with Derived State</span></a></b></span><br>This article breaks down <b>derived state in React</b>, showing why many components overuse <code>useState</code> and how that leads to duplicated data, sync issues, and extra re-renders. It walks through deriving values from <b>props, other state, URLs, and React Query</b>, replacing unnecessary state with straightforward calculations. The takeaway is to store only what truly changes, derive the rest. Cleaner components, fewer bugs, and better performance. </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%;"> 🚅 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/zpoc0jGs4gXWn4ZFkum8ncZQP0aYuqCCIaUOMIiuDLBjc%2BRArZDer3aejJUb%0AXFI0XNvC5cimDabNMCggKCYiM6wbS0mUexkNv1%2BYpx0dHTb%2BwLhK0CdqCubO%0AMzyAS%2BWeOEHKStYMD2xRoNQ2UYxaq%2BXfWmVZZtrlCng8NritHwZOvPdz2KQz%0AUQZjZ83S0okx%0A/535a3656569f734a" target="_blank" rel="noopener noreferrer nofollow"><span>Why a Simple Data-Structure Change Made TanStack Router 20,000× Faster</span></a></b></span><br>TanStack Router’s latest rewrite introduces a <b>segment-trie–based matcher</b>, delivering huge gains, sometimes <b>up to 20,000× faster</b>, as a byproduct of fixing correctness issues in the old sorted-list approach. By shifting complexity from “number of routes” to “number of URL segments,” matching no longer slows down as apps grow. The rewrite also includes optimizations like <b>backwards stack processing</b>, <b>bitmasking for optional segments</b>, <b>typed-array parsing</b>, and an <b>LRU cache</b>. </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%;"><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;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/Nr5WyuL%2BlOSNVDg%2FZarkahzhKLZGDgeAJhqkSGGtQQgun3s5JhWxwbr4Yjs%2F%0AFHNRIYtDoE5C3qWxAxZe2Dj2HOCKTprSn2CCHTJ5K%2BaoesCb%2BkBs5q1G060d%0AUQIXrOs%2Bbi5o3zrrcPtawTA%2FaCVgkDgMPs%2FQaH3EKPMqMmcZY2%2B3%2FcjSQWlH%0AiVF02nsrU7bF%0A/04f1d283bcbf7b6f" target="_blank" rel="noopener noreferrer nofollow"><span>Ant Design 6.0</span></a> is Here! </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/79RQdKqIPvwT6yopjpFaAS%2F8zaYFpjmoPe2%2B9KtNx5jSYzSnHxED3Jx6a%2BZe%0AMFoVP2PpPJLpOvsPw9%2FEu1hzvRRAcr7%2BCTNiJXbxO5VjTtW4bkkz5PfKp8G%2F%0AKYLvzQZQyYkbiDJZOoVYpnQIjtdJBcAERPjBSqtJ264iCP%2FMljYgvjDj101J%0ASqlPHT9MoCWm%0A/b2ce207631f44228" target="_blank" rel="noopener noreferrer nofollow"><span>A lightweight CLI</span></a> that scans React/TypeScript codebases and generates clean context.json bundles. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> The Web Animation Performance <a class="link" href="https://link.mail.beehiiv.com/v1/c/FdcYHBjsfwWUOkjZSUp7B2CZj3A0J%2Bl1QtHLXSjOLV%2BLmuZfoKzBNRyfJO5%2F%0AMOgU%2B0sBv1ZvWsn1rHVctXDSY2XWYO3%2BM1NIEaky4TCwYYYSd48U9tuuiyKb%0APxP0iTAEI8jrnVw33z0XKSzj3TP4K%2BVZ%2BlBEpJBE4SjHVJq%2FT7ZR01kZw%2BvD%0Az6XoGl53dpOC%0A/0e615dbbdc43cd83" target="_blank" rel="noopener noreferrer nofollow"><span>Tier List</span></a>. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/4w1mmn8Rh6l08TwHM9211QegHHdtBs68lVgKi%2Fr0lnRIoGNHQwzqXSvNCtKm%0Ad4f9TaNlzk8xMQgYvmVXefpMyyz4pEFUXdoBRJfxLXfkMvJAnTrpjTaEXSak%0AFHgHeid2RzJHGyZy3RT%2BLFxK2%2B%2F6a3k9Um%2BKwDcqeXENVm8iY4Efob2DLHk7%0AQTHtgXsAdNc5%0A/db3822608218b328" target="_blank" rel="noopener noreferrer nofollow"><span>93% Faster Next.js</span></a> in (your) Kubernetes. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/iQEVtvtyVKqYlDI1PNPshCvfYZ6TYlJYczYoA50Z%2F5HEfMSihlmYqYwl6RAS%0AJSliB7iyOa98emit0Y88CLzVyo79v%2BRu1DJ5N7hdNY%2F8tH3dQLI%2B%2BTgdSd%2Bu%0A0SGtEaxAsNERbz%2BPEKHRps2v4QgfmHAy0RhiJot5vVNfTcwTjdm918R1uh8S%0AxVfR%2BgZD7jVD%0A/d5bb7235af422f9a" target="_blank" rel="noopener noreferrer nofollow"><span>Shai-Hulud Returns</span></a>: Over 1K NPM Packages and 27K+ Github Repos infected via Fake Bun Runtime Within Hours. </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="ai-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%;">🧠 <span style="font-family:"Trebuchet MS", "Lucida Grande", Tahoma, sans-serif;">AI & General Programming</span></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%;"> 🍌 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/rv3xYzzpj2H9RcpD0iBDG8epKIrMDIZk0NnHiqKMAOYr1pB0xm266mUca3E5%0ASI6yLN0wK5N6cyHHUd40ooVOrBrEp6N0%2FcdCyAZZ7e3KtpF0AFxQyOE3vyBp%0AVEy48LEIjaAg0K5E1J9MnyaoUOcMgR%2B7hQ%2FAfofdoCzbb8xVBErY3IxbE33R%0AHc2ffbAC0kCc%0A/e0df56db3e0fe193" target="_blank" rel="noopener noreferrer nofollow"><span>I Tried NotebookLM’s Nano Banana, And It Blew Past My Expectations</span></a></b></span><br>A space-engineering blogger shared early impressions of <b>NotebookLM’s Nano Banana</b> tools after testing them on his own essays. Dropping URLs or text produced polished summaries, infographics, and slide decks in minutes, far beyond what he'd normally create manually. </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%;"> 🤗 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/Ss1gcZjiugYeD7bBcvLu8iIpqrf8mdu7CY3xkSnQ2PdeZJaDv67PwwWpbRTI%0ADoJEKsa6LHn7EJFWAenWVym0D45I4MAj5zi6gCnqt6Wx4GE1zXbWhf4xUu3R%0AE5m8R5sHEO95XGsMxcmrpSP9MMIKF4qDjFenBO0DCsqw8tXgUP4zURrSzS4Z%0AsBfCLEX9zc4u%0A/a0769318c4f6e4d8" target="_blank" rel="noopener noreferrer nofollow"><span>What They Don't Tell You About Maintaining an Open Source Project</span></a></b></span><br>A developer reflects on what it really takes to maintain an open-source, self-hosted project like <b>kaneo</b>, and how shipping v1 was only the prologue. They describe ongoing challenges with documentation, support across wildly different environments, feature requests, migrations, and contributor management. The emotional swings are real, but so are the rewards: engaged users, thoughtful PRs, and a community that makes the effort worth it. </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%;"> 🔀 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/gDxILB6aU3FHr7Eoz4sI59QmH%2BMlRa9fy3H1lkhSV2RJoFLhdwe%2BlpCUzqeo%0Aeb%2BopIguSEMd0SCSAhEDrXJ5WnXUYL%2BzOarR%2Bz5WA%2BrPe3Hr6MQ3Ph%2FijTCf%0AsHzqh0jCt%2B0hRgwUq9nVC84nvl82vYiUyz965POTPMZxaFF7VJjJwmWJpMQE%0Ad4jbclo5HPsm%0A/4df31285891250ff" target="_blank" rel="noopener noreferrer nofollow"><span>Interactive blog posts on sorting algorithms & Computer Science</span></a></b></span><br>A new blog, <b>“A Journey Through the Realms of Sorting Algorithms,”</b> offers interactive explanations of classic and modern sorting techniques, aimed at making core computer-science concepts more intuitive. It’s especially useful for <b>React developers</b> or frontend engineers who want to deepen their algorithmic thinking, since the visualizations map cleanly to component state updates and render cycles. Short, approachable, and hands-on, good for brushing up on fundamentals or teaching others. </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%;"> 🐅 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/cfZ7yAg0x4JyHzosq0dzxwX4VbU%2B0oL3Zr8a1enVybdin4xSkkq16FwgkIPI%0AnUsIjwRgJK3aF4e80PFZGs4xkIX4EaAgb2B4Cg9dd8gJOFbDwkyyRlUvfoHV%0ArngoNPFO29hSdv4Pz1jVxqLmyvE%2BNnfF7Dr0ZPronzExEqa0Qk1pH85Ofwyo%0ABlLdbJy%2F1%2BpK%0A/3962b7a2f0ed6a2a" target="_blank" rel="noopener noreferrer nofollow"><span><100ms E-commerce: Instant loads with Speculation Rules API</span></a></b></span><br>A new post from Sentry walks through how the <b>Speculation Rules API</b> can make key e-commerce pages feel nearly instant by prerendering or prefetching them, especially useful for product, cart, and checkout flows. It also covers fallbacks for Safari/Firefox, how frameworks like Next.js handle prefetching, and real performance data showing large gains over “no optimization.” </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%;"> 🎨 <span style="text-decoration:underline;"><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/u1Q6Wfvs23FZGBrvWtHHWN9SuGumLr49pfgQsFPOBg3WsNSvRhKyuqi61oAo%0AxDpToW%2F3UWYAv%2B0w2D7629UpVXtX7QQ7Ugq%2BkaxqIX1y1nMgr8tyM1nKqb%2Fz%0AyjfW%2BwQXpAc66nZvsh0iSVE%2FM4pk3fVcCW9XuePvXH%2F3jKsDtZUUQ1nuk8QO%0A72i3LzBLezTy%0A/2186e66d9475fb4c" target="_blank" rel="noopener noreferrer nofollow"><span>Brand New Layouts with CSS Subgrid</span></a></b></span><br>Josh Comeau published a deep-dive on <b>CSS Subgrid</b>, showing how it unlocks layout patterns that were previously impossible or required awkward Flex/Grid combos. He covers fundamentals, gotchas, multi-layer subgrids, dynamic row alignment, and practical fallbacks for older browsers. </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><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" style=""><tr><td bgcolor="transparent" style="background-color:transparent;padding:0.0px 0.0px 0.0px 0.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%;"><span style="color:rgb(3, 7, 18);">See you in next weeks newsletter.</span></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%;"><span style="">Darius Cosden</span></p></td></tr></table></td></tr></table></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/vADgruOtA%2BxumDtp0R4FXtSxVGdsKPuX4nu%2FgWq5Gs0WrMUJmOSI3uWuylPR%0A9ncvFPaI2AaJkE6N8f8bOE8gyTnPDXHFK4tMGQKFKIwf5AnF%2FPqwwMmM23dh%0ACZo3tdiSNWyQCjUvL%2FFqra5MeqeJrT%2BY6nObnWt783gD8CT43kDkmRghdrG7%0A7rawtKUZzPyd%0A/f3b4a09257a3cc71" 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/LW8p110wEDv0xKmxY4raQdIgpXhHdKsVXRTrE0nb0lJqBxnMs%2BXjewWJZd6R%0Azo%2F2o8WQISh0CwLVkJkqrqRNgJwXV8ndLfFbUV6rZNs3JqeHwtjryB6OGtWr%0AA95KEINEwAYj1AdzUP0vPquYcKAU%2BjVfhQZhIpTRrXfZso0Zr3BXwjmdZzl8%0ACPEQZiJDl7fR%0A/a7bcfde34b394896" 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;"> © 2025 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;"><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></table></td></tr></table></td></tr></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div></body></html>