<!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>💸 You’re probably overpaying for LLMs by 5–10×</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: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]--><!-- 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;"> Plus: a tiny React chart library, real UI-driven skeleton loading, Gemini Live voice hooks, and type-safe CSS without runtime cost  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </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> January 22, 2026 | <a href="https://link.mail.beehiiv.com/v1/c/yPx94x4dUU%2BeBhYeaIMdn%2Fqo%2Byzk88L24pIt6bBdA6N8pRfG0vGSfJgck746%0AAGQ182JJnKmQInKKSo9cnY979jU2Z82wQppebHvHbNW8fG6d%2BES%2BjNxq9F%2Fn%0AoLMLLSuyauOyCvGhT0bLjaMmj6v7mF4NOCFok4GLyLFPA5HpBoV74N6KdNyh%0AzLmxwpUTF5de%0A/73617bd4f9fc51e1"><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/v1/o/XqdZR0TcRSaaveIdOWMbzTagS1yFQ7BMMAprgTiNIstevzGlwvBJ68JZBzEv%0ANPX32NY2GRbp1aEwRpZDWaCv6ROQu6rRIsxo5kZgtFpFtRtG48iyfXC9gsmr%0AWxVyP2xISzH%2F9CBIU%2BlnYBFJiVDo5n4sazt9rIs36MXYKbibfTQn7IFAWkp1%0AXE%2Fp1QjL0iaT19fgdK9ZzMDnzBwAzIjLF%2B%2B8dAzmMJD84QLzQiuKFfH0HoGp%0Af26cYVkmTdDRyx5njm8MF1xhWXLcGcexalleMoLS3V8YkNSppIg42BOHh1RV%0AE4dJNJixJCIPn2RyEXvxFMVayMMhVBq1UQQ2fW8lluF6s66Opcz5ddqaA4RL%0A%2F5qBRhjDr6a1znOf3rXTNz6r2VEFIerEZxdIKr5caH08ZiP9Y1QBsySGWgLu%0AMF9jsvZGSOUwWAXSVebjvK1I3DTxZRgUxuyDxP5hMlwQRNd8FTpmRhsTIPhR%0AiFih4Nhx88Q%3D%0A/14d20b1742e4d887.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 align="center" valign="top" style="padding: 20px 15px 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:300px;"><p style="opacity: 0.8;"><b>In partnership with</b></p></td></tr><tr><td align="center" valign="top" style="width:300px;"><a href="https://link.mail.beehiiv.com/v1/c/o9QeELRp31xN5T0fftDdSa%2BxFq71ums%2BzMLIL9YFrB2wc%2BARPn4A8clQuzv6%0AOV8CoBICKt19tMapby%2FM9EORbJemH%2FVv1LO78U93NsFNNblQNqUHUHBDpYIL%0Ax4he%2FTfIrow9%2BrujLMey6zHTSfr8Yf4EHSmXZSXa89XFji7dPlEi7CkGP%2B4X%0ACQzXwXEyzWU1uhGIOATPhYT8h%2F1gggdntu4oowUbJZ5jY7agecLNN4xLNkEw%0A36zOL1L3jZqJrOSjSgvqyP5TfzBlM3EzpSc%2FjAuPM4OH9kwxtZfmWkOKf7px%0A3iGRX%2B13iYivhjIF3Sqz%0A/f60601c3fcb9e517" target="_blank" rel="noopener noreferrer nofollow" style="text-decoration:none;"><img src="https://beehiiv-images-production.s3.amazonaws.com/uploads/ad_network/advertiser/logo/f43eba41-25eb-4339-a7ce-c962cf5a8072/Light-Background-Logo-UPPERC-COLORICON-horizontal_3.png" height="auto" width="300" style="display:block;" lborder="0"/></a></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="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/XSj3Joi6IWNiYVe3CkGzIdK99RuKFM%2BpMwu8Lyt7m2BL%2BpDCg3bHMM19VAUw%0AwgwHAbgcMnGnGwhWERBFH0xDmEVVYMZEaqhKEzi9aws9631Hy7ybhZkSXUtb%0AHzCnK6%2BaR3NiXrRbzaWcKdK4tjyiM9kziTORu6EOZHQ%2FIbMiSLntlthv%2FKw%2F%0AJt%2BqnWsqs4rr%0A/0b12367dfaaa86da" target="_blank" rel="noopener noreferrer nofollow"><span>Your Complete React Learning Platform</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/6hO4reV%2BP1Y5XO6kzQ6sbY%2FnJenaHsegZSP3lEyacwej99sGBL5A0PtTlao%2B%0AbNzc3Af6sZMZOykY9aEx7EGkZcmZTYG%2FvVPbF%2BC1FMRvh%2FaxL2QpMCXH9Fx2%0AtiRcN8HadTUZP3VEh1I%2FIEZJw%2FGN%2BPQpsrRyX7aJKlOfUpFi0fAKCbjJDt%2FC%0Ak7aJYXoV9oHY%0A/f7f470e14efc48d7" 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/4axkfN%2F883bxEzG%2FXefk3RFqf82KPGxim0VKU36tme0KSYusDL1Ks%2FJBJF1I%0AvbQfqxShU7xarXlzWgXp0KkGD6awND6To4XXNRtAtvXyW4%2FnaHmaW4ycvFXM%0ASmgrTO5MOyw7I4uTYCx2CRAUDHToiInND%2FwfglIu3rcplxF3cr%2BzZN%2BtgtNE%0AGZsfQjr4s5Ab%0A/0e5bdeaa8b002c01" 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:#161616;">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:#161616;">Welcome to another edition of Import React 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;">Nothing major dropped this week, but there are some excellent reads on React, AI tooling, and performance that are definitely worth checking out.</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;">Enjoy!</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 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/G6iSvogMM0kMvoCvseS0MR0421MKMJHQj6fJXZrvExpiV729b6ed909Vblzl%0AXU6Zcq%2Fht209SpfyvJxXnpTyeteLGRXQ0mOVLq07X7P%2FCAx%2FGbX0m4JvxT1T%0Abl%2B24ILvO82zbUOMYy7TucVz2m%2BRwnQ7xX%2FtnXmotb4sMo5UeUO%2F%2BmiAs3G6%0AHim4zfvyUeFT%0A/7f526e0c31168de9" target="_blank" rel="noopener noreferrer nofollow"><span>Cursor Used AI Agents to Rewrite a React App for 3 Weeks Straight</span></a></b></span><br>This research post from Cursor explores <b>what happens when autonomous coding agents run continuously for weeks on real production codebases</b>. One standout experiment was an in-place <b>migration from Solid to React</b>, spanning three weeks and hundreds of thousands of edits, passing CI with minimal human intervention. The team explains why naive multi-agent setups fail, and how splitting agents into planners and workers unlocked real progress. It’s a rare look past AI hype into what large scale React changes might actually look like in practice. </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/Zm365ue4b5%2FV%2BLO9fJf6aDyQAqwEsI9SbOI6G9HfzwSdbq12H%2FQ1IT8ZoHPZ%0A4XjuXatyr8m3ngLysFeI0g0V07qY47s%2Bkfs%2FtMGkko0c5A5CcAOOAG6XGt%2Bp%0AIWAAIPCYOFWqlsix%2Bfg851SuW5mQ%2BBG%2FzGgCfjQS%2FWGNRJYKL4zDheij1snK%0ATn7BvfduDx%2BJ%0A/8301c5f8f050dc9e" target="_blank" rel="noopener noreferrer nofollow"><span>When “Modern React” Overcomplicates a Radio Button</span></a></b></span><br>This post takes a close look at how a basic HTML radio button balloons into layers of abstraction when built with shadcn/ui and Radix UI. What starts as <code><input type="radio"></code> turns into hundreds of lines of React, ARIA roles, hidden inputs, Tailwind classes, and extra JS, all to recreate behavior browsers already give us for free. The article isn’t anti-library, but it’s a sharp reminder that abstraction has real costs in complexity, performance, and understanding. A great read if you’ve ever wondered how “simple” UI got so complicated in modern React. </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/bVrG7sHToRKCqMrSQuaLd1Ub7cxUawZnOXsu%2FQYrQH6mQSQt9T1xxpBxhs4y%0ARwS4ZC5uMxTRqmO74%2F9dJ6Tj4a%2FWu0oGRpHw9O7kwCeiSpam%2BkKIQaIMwatD%0AdCbpIefmlxBBjuiQGx6WVlO0OE6rcn0zJ8OXy50Wp5lyB5iIPF4E9guy%2Fq1m%0A99UTDwm3RUf8%0A/3fbba2fec85cec42" target="_blank" rel="noopener noreferrer nofollow"><span>useOptimistic Won’t Save You in React 19</span></a></b></span><br>This article takes a hard look at why optimistic UI remains tricky in React, even with the new <code>useOptimistic</code> hook in React 19. It walks through real race conditions, transition pitfalls, and why naive implementations still break under concurrency. The key takeaway is that <code>useOptimistic</code> helps in specific cases, <b>but it doesn’t magically solve ordering, syncing, or error handling on its own.</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%;"> 🧩 <span style="text-decoration:underline;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/L%2FaNkMcA0sUBCw01g218zdXhk31CQAdjyL%2BuokBm8%2B7oHgY8I%2Bpp5xuWUiny%0AU3TPeW%2F6KjPnp4J%2B0ePhgoNvwxp5wYNw%2BX1FxXIiDYDBPcrWjWqEibKLHf%2BI%0AhNPglXFwoUPrJ9u4mv1%2BpR%2FuoOrxQisYUthhI%2Fu7UPsvxKTkZFwX4mrwUcUX%0A%2BfuyJEAykFTm%0A/61b506cc806d7c7b" target="_blank" rel="noopener noreferrer nofollow"><span>How Turbopack Powers Fast Refresh in Huge React Apps</span></a></span><br>This deep dive explains <b>how Turbopack achieves near-instant builds</b> by using fine-grained, function level <b>incremental computation</b> instead of coarse file-based caching. Rather than rebuilding everything, Turbopack tracks precise dependencies through “value cells” and <b>only recomputes what actually changed</b>. The post walks through why this approach is hard, how it avoids common caching pitfalls, and why it’s essential for fast React Fast Refresh at scale. A must-read if you’ve wondered why Next.js dev feels so much faster lately. </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/4NEzuK1PD8mcpqTKVzVQ1ixdzGY8bSWseGUGLtYINxqswchv5sKu%2BHi%2Bfg3I%0AjIbFoooqUFsk59txpUxpaKHJSc%2FaRfGuanSSWc0f8PC9lHtDVfT0udZEPOmr%0AaOkWzPXb8iBSgxZD079ne1s1axGFTkSOZcczes8kX11TAxziPt9sgjBVhp2i%0A4plDk15GMKxV%0A/f7f8f099f7197247" target="_blank" rel="noopener noreferrer nofollow"><span>ChartKit</span></a>: A Zero-Config React Chart Library That’s Actually Small (~15KB) </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> This React Library <a class="link" href="https://link.mail.beehiiv.com/v1/c/nI4G%2B5KGsu35Ix5O%2BubPOKWnsLIjf2W3POMh4XE95rN4e%2BmvhKqLgonX%2FcMW%0AFQhppECWhrFGdH0VzG1TUHVSczlznBWCldi%2FslqTlV%2B14rvhGTceRbwHrx%2Br%0AOghJ0ToBYM8dDqtG8GA9Rklke96HK0WBqYIZDwTLEQf6bvA3bICKL22iFw2W%0AY1mwbCiuvxlq%0A/b92329eeb25aa210" target="_blank" rel="noopener noreferrer nofollow"><span>Builds Skeletons from Your Real UI</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 React Hook for <a class="link" href="https://link.mail.beehiiv.com/v1/c/l30guIRktZ7vfyjLCRx8%2B7YjBksOsnVv5osbZIkpBg3b7r2aLEMgWLLovDJe%0A6Zl5NS4vn%2Fgrq5n%2BBJV3vtBqgr2%2FTsjCJ89%2BviFd0j7ET0fY0%2B0NkjQLoiw5%0AHz%2BLiVs2qgmjS7RSubJy%2BxYON42FE8fQ17L%2BHCxUulavnKbAGG1G0sVWwRAe%0A29LSAS6ydr6G%0A/447e5cbbc721999e" target="_blank" rel="noopener noreferrer nofollow"><span>Building Real-Time Voice Apps</span></a> with Gemini Live </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/QVGzt5KtdgZVKuFto5c1ur2AJYDUJtTwQHbHRWLNiM4L1BtmqrV4%2BD1Atukb%0A1JHeyrwn7mFa%2B76uzLRaiV3GjUsi%2B%2BcOg67MDPr9OA%2Bxu%2FRRC5IDDSL9vjFN%0AYVSrLL%2BmMCEi%2BmS1kq%2F%2B%2Bxtfia7ZfPcZ0uOy22NZajZ2NUfRqNz2lGCQumqq%0AjKHiM2y%2BnA%2Fj%0A/3e272048766ef1e2" target="_blank" rel="noopener noreferrer nofollow"><span>Styleframe</span></a>: Type-Safe, Composable CSS with Zero Runtime by Default. </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/XLGl4jqCpYfa06v1myjgdZkcGU6KzmqM8FSyEpXM4LFFTIzD3L6V7UBTd75U%0AEz4BerTRkbxaeSwIytNhSp8LV5VFT26So41X3qcWyCe3uAqA3%2BNjKzzAgPkN%0A8cTAlbes8IElk0%2FHktnufa1Vu1%2Fm915q%2FDSYN5eKoUSi9iYWnLceQ1pmYxFp%0AZjbfwGa1PSBL%0A/151924a8813107be" target="_blank" rel="noopener noreferrer nofollow"><span>Local-First Testing for React</span></a>, Assert State Inside Your App, Not Just the DOM </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/HPhu6nXv2Qso71m%2FBV9SD0tLGUajWhq7eg9hgr2N9yM2oY5%2BPsnnKoe%2F3UvP%0AVEln3VYuM%2FAD3wkjInU1m4BhOpHEXBkk9cAaat9V10bH1shvrNjp5jduQMZ0%0AQwBES%2FCEa2MzBSmKPIn4%2FmoAefzpApFndNXqDgwmokqVxY9D4Ep4toOmuUCk%0A2qj80%2BiaJ8dh%0A/91d38003593ecaea" target="_blank" rel="noopener noreferrer nofollow"><span>IcoGenie</span></a>: Generate Product-Style SVG Icons </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> I Tried to Optimize a Simple Job, and <a class="link" href="https://link.mail.beehiiv.com/v1/c/wpcPnpgR22x63aVAp6OhnuEyShHSrSS6P0tFF5JvhGEFwn5g7RCWxMqjKH3J%0ALl1ZwTk8rof2OyTP0LYguCJRQdtkYYB57XzolL0tf5KhpXKvVccpj0fKzuk9%0ADzX7QNNQY9%2FBS9pK0%2B6oMmaUVrkKPFjKOrPvdP%2BC1HhKz%2FzHkHqTekIjenG8%0An1G1rrQB1l9z%0A/f568983569238c76" target="_blank" rel="noopener noreferrer nofollow"><span>Learned a Bigger Lesson</span></a></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/qCP2p%2Fnjrlh4SnRONdxj2SUxXOjBeTVM5%2FtmjBa1cr841gbMSw9omSsYnMTe%0AyWZgYhRNFU3Zso5DIk%2BEbrzmO9d2Pj%2BrhXcI7P%2B%2FZ%2BrjGW3xh%2BkiFpXuITSh%0ABwKPlwVkG%2Bbp6tkKnFVzNgkHiUisnQ3cZtkLMmfVsB19r1saFDn51x%2B1gUlX%0AGKSPccSlZ%2FdT%0A/0249512f71898672" target="_blank" rel="noopener noreferrer nofollow"><span>Without Benchmarking LLMs, You’re Probably Overpaying 5–10×</span></a></b></span><br>This article makes a compelling case that<b> public LLM benchmarks are a poor predictor of performance on your actual prompts.</b> By benchmarking real production workloads across 100+ models, the author shows that defaulting to GPT-5 often means paying far more than necessary for comparable quality. </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;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/4pY%2Bj4LCZzXRfyok2NhhnR208yEZaT5%2FIqaBvxB%2FkCYRMJlu%2F5sgTbtf7QJT%0AFYhu1rJpOtF62%2BJgCbNnlloaIxRjQ3aNpAsY5aKgZ5kCiCACbfRFHfxoujnD%0ACnGqpfHSSkla7k5l%2FOqcDjZhnvHwcsIcB3q2VkK6yVxdCbFhCxnTwlR%2FReSU%0ATObwt%2B5ivK2u%0A/c45b3bd9f400a921" target="_blank" rel="noopener noreferrer nofollow"><span><b>Astro Is Joining Cloudflare</b></span></a></span><br>Cloudflare announced that <b>the team behind Astro is officially joining the company</b>, with <b>Astro remaining open source and framework-agnostic</b>. The post explains why Astro’s content-first, server-first philosophy aligns closely with Cloudflare’s push for a faster, simpler web. It also previews Astro 6, which brings a new Vite-powered dev server and better parity between local development and production runtimes. </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%;"> 📍<a class="link" href="https://link.mail.beehiiv.com/v1/c/4zmw5RUM1z9439t%2FP9EzVe2Ebp%2BEzaCxHd8nkDw4vdKhtxddxWbhA5beLEpk%0AskAlf%2BE4MdCa8wMhbArgAQPpGdcXC9P4%2BxPPBeeAosHojdeL0Q%2Bgdht0TqOs%0AHx1ReusEPg3rwXgX0GcPH7FC73BkyepXYjeecgSJzO5E5TDG2AfX0hjuY4d8%0AHlmElNzrDG3a%0A/ffec423e6d7a0de6" target="_blank" rel="noopener noreferrer nofollow"><span><span style="text-decoration:underline;"><b>HTML Is Getting a <geolocation> Element</b></span></span></a><br>Chrome 144 introduces a new declarative <code><geolocation></code> HTML element that replaces script-triggered location prompts with an explicit, user-initiated control. Instead of imperatively calling the Geolocation API and hoping the browser allows it, <b>developers render an element and listen for location events when the user clicks.</b> The change reduces permission failures, improves recovery from blocked states, and cuts down boilerplate.<br><br>🔥 <b><span style="text-decoration:underline;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/90jKgFhS%2B9gFIgcBEyC2rG6J2oUC%2FfiqJ%2BtEo4PL3q%2FxS0vORbFYS9POCHkc%0Az%2BDdOmsWPHh8a1n3FMXfPBMB3SDlRxgmnrS%2FqpGQQD2mfAmPW1Kotki%2BbA98%0A1Klc%2BC7kf8UjKe%2BTaHRvMsLtZxaRFHuHU3iwunnwBvr1lrPFpOApLkOeyqST%0ARlrpRAYcpnx4%0A/ba8b845a5a8c86cd" target="_blank" rel="noopener noreferrer nofollow"><span>A Practical Guide to Real Performance Work</span></a></span></b><br>This is a dense, practical <b>“how to tune software” guide</b> from Jeff Dean and Sanjay Ghemawat that covers what matters most when performance actually matters. It pushes a strong mental model, make sensible fast choices early, use back of the envelope estimates to avoid obvious traps, and then measure everything with real profiling. What to do when profiles are flat, how to reduce allocations, when to change APIs, and where structural wins beat micro-optimizations. If you write anything performance sensitive (or build libraries other people depend on), this is worth bookmarking. </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><span style="text-decoration:underline;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/Jux1304LLbRmlqlOxz4u45zB5PyQYwO73839bTAnFspK8CnsPs3vNBVhVSMM%0AaFHVAaPD%2Fih1ZNWU2YCxXe0LceIhD7XlGju2485mcmLTrItR5BtFp1PsbQ4E%0Ap7LHAUrGyOSW1XFRElHtogWC3MQSyUBNy4zwgTJgM5dlmqJFHzQrWEwFY089%0AdIYCIdpxZh%2Fc%0A/8faaf7b27098b308" target="_blank" rel="noopener noreferrer nofollow"><span>How a 5-Line Bash Loop Became an AI Programming Movement</span></a></span></b><br>This is a firsthand history of “Ralph,” the viral agentic coding loop popularized by <b>Geoff Huntley</b>, and why it works despite looking absurd. The piece traces how <b>simple control loops, aggressive context carving, and declarative specs repeatedly outperform more “sophisticated” agent setups.</b> Along the way, it surfaces hard-earned lessons about overbaking agents, refactoring at scale, and why small, bounded runs beat autonomous chaos. </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 id="the-future-of-tech-one-daily-news-b" class="dd" align="left" valign="top" style="color:#a6825a;font-weight:normal;padding:0px 15px;text-align:left;"><h3 style="color:#a6825a;font-weight:normal;mso-line-height-alt:125.0%;">The Future of Tech. One Daily News Briefing. </h3></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:630px;"><a href="https://link.mail.beehiiv.com/v1/c/0cBkjXUkC%2F3%2B0z%2Bw%2FUV2CV7%2Bq6THJ70gC%2FWTphVLLqhgrLllw4wcdawdKg7l%0ARNZoTbXFtHdZV8YjK%2FJ7RCtNdM7dm8bXX0lHXh4A4mnrzoN3PS1FBlY2iR3t%0AzSn5OxTzXu8EROrP0QAid2nAJH42U26kJdsc17o3tppNOBEerE4nLwb9hl5R%0AA4DQ54nmTXYYCD81VBXcNuAZqgQoebvDkWeAHuku%2FsgDKCh6XxYyj1Chfd%2Fe%0AxVxMyCqCQ78hTBl%2F6LrfG%2B3cY%2BLPOOQf%2F97l3mUOX5MgNbQGDfPI9UDwWb0g%0APe81ZdgSBSfalMTYNvCs%0A/6f90ff6f2a4c65d7" rel="noopener noreferrer nofollow" style="text-decoration:none;" target="_blank"><img src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dcd0badf-c4c0-4c36-8f71-15e67ec7e532/Frame_1244831159.png?t=1768433345" alt="" height="auto" width="630" style="display:block;width:100%;" border="0"/></a></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%;"> AI is moving faster than any other technology cycle in history. New models. New tools. New claims. New noise. </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%;"> Most people feel like they’re behind. But the people that don’t, aren’t smarter. They’re just better informed. </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%;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/JQNzGO64imJCCqG0YMQZ8NcB3XpWjZB8Xd3eNsPP1lke8l%2F6EOaLc%2BPiXgKh%0Ak4HBTRqPbAqpdekKw0l6IwElqOvqouL0zyvtpVboSqNqae4I3e1NJXKKemJK%0AFXLCg%2BMDe8wVD%2BYVNfeCpCTDUSbuhhvwP2L7HSftq7gSCXnRGxkCGB20KDA%2B%0A8WFFdvH8%2BoP5FVsc46Qmen5%2BUHGme4gnTmwPouK3IacZabCI0UnSHdkMxO2F%0AyMEBgAqAWRZe59GQRNY%2FHWjEo19aJmEd79cch2PcH4Xl%2BfsfvKKt1QYmYELT%0A6nevzkT1rmiuB5E2bsxl%0A/26a5d6f519051e6d" target="_blank" rel="noopener noreferrer nofollow"><span>Forward Future</span></a> is a daily news briefing for people who want clarity, not hype. In one concise newsletter each day, you’ll get the most important AI and tech developments, learn why they matter, and what they signal about what’s coming next. </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%;"> We cover real product launches, model updates, policy shifts, and industry moves shaping how AI actually gets built, adopted, and regulated. Written for operators, builders, leaders, and anyone who wants to sound sharp when AI comes up in the meeting. </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%;"> It takes about five minutes to read, but the edge lasts all day. </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%;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/npL9XmzG8fDbEx0Yux60pz2xLX75B57kFoDArNyhZwgYMF2VTAQt8zjhG41j%0AtllQ8gbS1lF5b98mur4zf4JIn%2F9BEfWG1xAb9sSEL3N0quPZC%2By7tyzvpjAl%0A%2B1nypzJSoGt%2FF%2BAZ2MiyNPhSkpv4fIup2%2Bh9oIBz4sLyh3Ya4%2FPjYNamIF9g%0AWI4u97k%2Bqh9eLIF%2B1361gHZKJU2aUSgZwAWIt1L7MBBZMhukaDeJA%2BD2u0M%2F%0AwiArCnIy%2BBpWXX%2B%2B1O5Q05ZwHsghfVRsrCDZEuc9TP4iHWI0g6I9NSbFkLEP%0AAVhn7h2KcH7yfGTxF9lu%0A/55c2d5132e2e66a0" target="_blank" rel="noopener noreferrer nofollow"><span>Sign Up. Look Smart.</span></a></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%;"></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 id="the-better-way-to-use-react-query" class="dd" align="left" valign="top" style="color:#2A2A2A;font-weight:normal;padding:0px 15px;text-align:left;"><h1 style="color:#2A2A2A;font-weight:normal;mso-line-height-alt:175.0%;"><b>The Better Way to Use React Query</b></h1></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%;"> In case you missed my video over Christmas, I made this to explore how to use React Query more effectively beyond what you get from simply copying and pasting the official docs. From creating custom and reusable query options to defining global constants for query keys, all the way to prefetching data outside of components, this is the modern way of working with React Query. </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%;"> React Query is a powerful tool that has fundamentally changed how we manage asynchronous state and data fetching in React. Understanding how to use it effectively is essential for building scalable React applications. </p></td></tr><tr><td class="dd" align="center" valign="top" style="padding:20px;"><a href="https://link.mail.beehiiv.com/v1/c/yR5O%2Bixo6UE9cVdljeKQYYAA6x62AbeAbPE14scEy1LRVyiH7smKrAhH2ITD%0AhM9A6GpJsj4xiq3LPfpYIUQMwA%2Fjhl35ZxNtdGdjfDTl4blC6lcWTptZTbCE%0A5GEVcabe%2BPZqIenq0swmU8YfqoOr8LbMcF0bPNrGYQHydrZdPvbQ0La1EUf8%0AxJUoNrRLxrfK%0A/ef5331b5d97ce468" style="text-decoration:none;"><table align="center" width="100%" cellpadding="0" cellspacing="0" border="0" role="none" style="max-width:520px;margin:0 auto;"><tr><td class="p" width="100%" style="padding:2px;border:none;"><table width="100%" cellpadding="0" cellspacing="0" border="0" role="none"><tr><td align="center" valign="top" style="width:100%;"><div style="max-height:0;position:relative;opacity:0.999;width:100%;mso-hide:all;"><div style="display:inline-block;width:100%;padding-top:25%;"><img width="20%" height="auto" loading="lazy" alt="" style="border:0;" src="https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/static_assets/youtube_play_icon.png"/></div></div><a href="https://link.mail.beehiiv.com/v1/c/TUV6bKeSEhKQLge3zFgjzWMXR2S1LgoizoIJHnffdeX6XlnMt%2FS3nOeVD2OT%0AI4LVu44abmkf5LbubmFTICyk5Xvx9q5AiTIFaRObHDX8Z2xZFKGCksYdvsbW%0AY6STezeeCxQOH7dGRJZNFRphDqDerCm2Gq1uHTJ9pVZjaOo5H71yXFvY0d1o%0A9EOOuGw5iqnb%0A/e928b00f470d2ed8" style="text-decoration:none;"><img src="https://i.ytimg.com/vi/e2OC3aaiGhI/maxresdefault.jpg" width="480" height="auto" loading="lazy" alt="YouTube video by Cosden Solutions" style="display:block;height:auto;border:0;outline:none;text-decoration:none;background-color:#000000;width:100%;"/></a></td></tr><tr><td><p style="font-size:12px;font-weight:500;font-style:italic;font-family:Helvetica, Calibri, sans-serif;color: #686a6d; padding-top:0 !important;padding-bottom:6px !important; padding-left:4px !important;"> The Better Way to Use React Query </p></td></tr></table></td></tr></table></a></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 next week,</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/TikcdeBHgO7nJJCXzfgW1Douo088WZghrpSOjep4vqrizaccHe%2BKv%2BYI%2BLGT%0AmtcuwJqGLMp082bWoTir594BTS91Ig7MLx7pzUawscj8wiKBidB88jX2%2B8bf%0AAOzXrYWrw2yJBeMhcMRqfFVF98rtlJXCDlGnAR2dThAFimtQCjhKQOX8muOK%0AT5YPhzzr%2Bod1%0A/06eb1bc0d437eb9f" 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/YCMIVV7A4%2F1ZUJdWE4miPLm1UIXGCiwMpQtaas%2BsKn6KV5U%2FvPellG23oyf2%0AFxekTn%2F090RItthne8rh1rtGj7PpP1p5w%2FyWYcWcGJxU%2Bk5XdMhrY%2BzUbo%2Fh%0Af7e8Tc8OQv%2BXoY1metgtkVGrFHz6%2BfHhisXfpgqFiGnKgkpeK8fvtwfjpp5q%0Au7ZHNrezz2Tx%0A/ce68cf2e4b2649a9" 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;"><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/32b485d3ad2748ae5c199d80aafa000276df1b8e/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>