<!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>đ¸ Claude Opus 4.7 quietly got 27% more expensive</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-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;"> Plus: who actually owns the code AI writes for you?  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </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> April 30, 2026 | <a data-read-online-tooltip="true" href="https://link.mail.beehiiv.com/v1/c/NQY64YfWhbiHzq%2FcE7%2FLsQ2GyfpvfV3cxs0HM4QcAIiI%2FDq41na0bhxjTHZD%0A8IjwjkF5U%2FJYUH5Pe08yxW3aR7VSktSdoEKvXjiU2MVgl0G9z5wDrIsvK3aT%0A9lnXWqV%2FmV0w%2Fm6%2Bc%2Fv9bNtyxf0%2FMEAJP%2BVTCsNrzfduT1MWF9tLlSXDuPEV%0ALaZKb3dvpSeuGw6F58nN64wYxbKgZs5bGLlz5eCbV4%2FYYVKE%2BgABAe4%3D%0A/11acc7b2160100d9">Read online</a></p></td></tr><tr><td style="line-height:0;"><div data-open-tracking="true"><img src="https://link.mail.beehiiv.com/v1/o/GJdkVrAJqGrQyXLtmkplxAqLtVcwud55ECDK7FJbEw%2FoQleWMFuN2%2BBKKRuy%0AGs3VJ9eRO2DL42naQ0KEK6%2BLrKYril%2F0LLkS62%2BJLpQYnu568thdxzRQek69%0A1CcKo263KsHFhCOsuiFmWLpgLBJA4Ull27uTxc4ch%2Fed8yBUjnXeb3Xw32Ye%0A0FurzvDTMbtSP9zTkkGoJoSQH3r0wAvCNVlPaOW%2BgIb8e0PiQWspw5sWTiRt%0Apwv1%2FYaskRX6mPZPDbGSs7KsCPC%2FfDJCMf44ohVgfUdQLAjkp2vE9lMIg4kw%0ARZl%2Fn7Yx412db%2Bd3b9vQET9AaDccjpuCL%2B0RhG4NCFt9w%2Fc6pRb70XqiLTIA%0AupesXISHsVVjijOqjL%2BiXvauJj%2BEDzPLRNIoj6JBQkgaMS8YaI08NwI2RuaQ%0AC5WWcbyeE6oq7TdX0c4E2Pe5AYDj4mCyh%2F9JnoVjyvZBpAFzdNtt9nDgC04w%0AAnffyqQ9FD0%3D%0A/ef35eb169efb592c.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><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/Yb7qb8WW92EsYZ6NPJ5qEdXv2EjIe5NyszvWbw6sH4tfzi3O%2B%2BDDzYP%2BCbjw%0AcDAdMFdzNUxe2WkDbXRUIqmv%2Bibyu5Qnj6tG2vBpTnCHtWEb0XzNl1gBl1CF%0A7gsQUcNg9YBQ3znfwYfFLYkV%2F%2FO4VBXAT2DYAHa6GgJ%2B0p4OarP%2BZQY2x%2Bz6%0Av4Sn8Yvx3KBQ4fDcMPvshRLZRD0JpFtnd1r%2BSMG5NPPefVrcn9lEsHA%3D%0A/66b38a336e58ed4a" 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/IoY%2FK4vu4AZbR2q1pH%2BtvvSV4DAvYPKWI8y1MzRWYeXqqjXor%2BQs2X%2Fz2gsd%0ASxyIO3qtqrpoSmlUszGs38P5uuv8mb3Zgwlmk4QUFAnCdxW3E6oAPLB9%2FEbH%0ACrjPg702zV3IyzXXXopQ%2FXVyWqWtGkDlI8Gqvoq1L1LCsKi%2BtB01W%2B3dj6fJ%0ACdpu9i8Dd0KP0Y%2BMl5YdcHe0Oz9%2BQwV2svbjIleifnh9D1DGar%2Fidgg%3D%0A/e34e43e9e5fc9ba8" 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/9R%2Br2uxw%2BWes0JdTW8Sj9XlMUWFoxwoLPRUlCdnYaDi4FyJsDsTOrjIlTBqS%0AgUqDjxy4CrgO4c0TIfVnnrMqkpY64w0hHFPiVu6X3hC8QudIhQvvphb8jysk%0A%2Bvan0hYEJNLX7Th8OLAeGqhSjsiToLik1KVUSDcMYwvPf6aOviTUVZPEBljP%0A66yLJkM3Cct5CC9t5lVA33%2F8H84G3BS7hsVmo%2F%2BC0sfXRymqb0SQGBY%3D%0A/4b6b0c146294768b" 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;">If you've ever built an AI agent and watched it forget what it was doing 30 seconds later, you'll like today's sponsor.</span></p></td></tr><tr><td id="your-agents-crave-state" 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%;"><span style="color:#161616;">Your Agents Crave State</span></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/wl%2FoVFwnRpUCulhtSfQL3y7ueQQTvkMOKVNKHb%2FpVGcc16Fgg81x8ixfVlAg%0Azxv8f0QB6mYPfMNm1X1S52n3zO%2FgjTKxbVRR8wa%2BRHYw3219Xv7aoECKXp6S%0AoRhfjeGqKDG2x8SSmwhEGF87mY99g3Fqn4tYu%2BTxqInRb5WAJgoixp3ufgxT%0AS4JzocyJZgnMDb2ndB3oU4iwCvOsVPMBiSBlhCGB3%2F16FMFDM8lmuqYQUBkc%0AF%2FxwsTun6hcfr6Z4uqKvyTyUG9vBL698blxkNh3uAK%2B0qtUDD5pwyCrLuEV%2F%0AggFoE52B%2BBmn3Bpr5W%2Fe1I%2FgRPmmCzJJ30iJmhNVTg%3D%3D%0A/0a2487f83b0a30a2" 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/4c598960-ca23-4146-b18b-ecd841e96d15/deepview-ghost_banner.png?t=1776973652" 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%;"><span style="color:#161616;">Every ai app hits the same wall: the agent needs to remember something, store something, try something. Ghost is postgres built for that. Spin one up per agent. Fork it. Throw it away. Pay nothing when it sits idle. </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;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/FThyEP8LhH4CWodqMDGXCh6WmazqUeYJLghURQ37uocLo1MzSviHziY%2FiHmu%0APPCTg3%2F9WFgHPvy6jXSEmA%2F2N2bNurL9iyzAZMjWPDf8hv6GvA%2B4xV2yT4nf%0AEZN5f5%2BwYWWjx0lgwXfXa7XTK%2Bc2%2F0G2rcYvyVkmzzmiNUjlZR%2BiksvbFOzv%0ACYCNr0cKXqsyUEWtYeuYLMNhIvIDKAQLxRoIXlifFW3yGJq5HU3HjBsCGzEg%0Aad2EIvFqB92Rr5HluGas6%2BSoUTw8yeqC%2BsvnbmzQmKRL8vxrJOTieZ04btoP%0A4ISk89kPDXE5%2Fa5wKpfp2DzjRWbBeNv6pF0MbMUmQg%3D%3D%0A/a6dc9f471118f82a" target="_blank" rel="noopener noreferrer nofollow"><span>Unlimited Postgres, Free</span></a></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;">Letâs get into it.</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%;"> âď¸ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/SV%2BmWKEEDze0SpOSWVPVtaF2qwHNYMifn1NCfGI7Ay4NmNnSERNngBdzjy9l%0Al4UPwY31PfuAGTpoFuency0ZpHM8cLXKvf%2FJMb3R82nDr%2FGqYpzjlj7xOnSB%0ARyJP5YXUS4WJKP9gdVG7CAM4jpZYhkQ2I3UX2hErHOmY2NaikXqrDIq4FB4Y%0A25H55eK5HrX3WY3dNrfKRCtodqCLy2SJCCkYSLA9jhIfPZleKCYeLDs%3D%0A/78191ef40f6bce2e" target="_blank" rel="noopener noreferrer nofollow"><span>3 Ways to Store Data in React (That Devs Mix Up)</span></a></b><br>Most devs default to state, but React actually gives you <b>three different ways to store data</b>, each with very different behavior. Regular variables <b>donât persist or trigger renders</b>, state <b>persists and updates the UI</b>, and <b>useRef sits in the middle</b>. The key insight is that <b>useRef lets you store mutable data that survives re-renders without causing one</b>, making it perfect for things like timers, streams, or intermediate values. </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/WUhLd4IXLSNyaPDYt5reCiX75x23sWQp%2FuUwski1QJuWo9b3IyBQHpeIA1Nk%0A921ZHc5vIZZ1sf5di%2BZM%2BZOBkOx3Wj1EaScJw686Z6kaqenLez5EwAEU%2FK%2B4%0AM3Xi%2BcfaBe6XqWQDSyXql5cKoROApRHXszPVxqo5rOKzbme69KpmCm%2FqhN3p%0Acxgw%2Bp3clyyCeQoPKiWLHIakgaUMobbEsIKgnT3RUR4k4RqZJejgEmI%3D%0A/17bb07e7f9d193c9" target="_blank" rel="noopener noreferrer nofollow"><span>React Compiler: 18 Months Later</span></a></b><br>Since React 19, the compiler has quietly changed the game by <b>eliminating entire classes of bugs</b>, especially around memoization. Things like <b>useCallback/useMemo misuse are basically gone</b>, with the compiler handling it automatically at build time. The biggest impacts have been <b>cleaner code and fewer performance bugs by default</b>. The catch? Many existing libraries <b>break under stricter rules</b>, making adoption easy for new apps but <b>messy for older codebases</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%;"> đ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/FvhHmV%2BZOs268yJsB2Hyfpp0cEjGEWoCJNbcOJCLIh78wFfK5DdbQ28LFneu%0ACr1maKkNSYBGeNaogBJGwZZtqR1pkQ9UXhpcDzmb2PTTrZrjg01kStrOHjns%0At1Rqm3qg58SCTgd%2FC%2FTwxiS%2B1mdkAXCq4CgKIWu8mokKwwZie2%2FQgPKKv1HY%0AshRYIBRtGW8VgShdeKS3avxChXJs0phk4HrnaFNajaBr5pa8Otrs3Hc%3D%0A/6212d4537186e6cc" target="_blank" rel="noopener noreferrer nofollow"><span>Whatâs Actually New in JavaScript (2025â2026)</span></a></b><br>JavaScript is evolving faster than most devs realize, with features like <b>iterator helpers, new Set methods, and Map.getOrInsert</b> already shipping and simplifying everyday code. Many common patterns (manual loops, lodash helpers) are becoming <b>built-in language features</b>. Whatâs interesting is that most AI tools still generate <b>outdated patterns</b>, since they were trained before these changes. So unless you guide them, youâre often writing <b>2022 JavaScript in 2026</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%;"> đ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/0gK54B4mPJuFeTaU33T9qSkmVQLjtJfR%2FxvxDZ%2BQvYgB8To75UHKIQg93Ljl%0A8WL2KOZVa1Qxqt%2BTjagHe8%2B%2FbMcI0UxU4jPVLW%2B0O%2BWmP%2Fge%2BLCHN31vbBKt%0AppaXwUL%2Fd2awWG4r34ggbT6VOkX2CSt1OiO5zqvZ0ilccBGWNsrKKq0%2BBWo0%0ATAcZep%2BlYKBZ2DPVWzsS1MbQ9u04Ghs8rcg67yjILYltPYzb9tTGFa4%3D%0A/e70cdc02434d2c2b" target="_blank" rel="noopener noreferrer nofollow"><span>How React Streams UI </span></a></b><i><b><a class="link" href="https://link.mail.beehiiv.com/v1/c/FygqajiavOntof1Vo9veNEV4IasphKCrkk5nJC3FdUlN5sEZEA6Ag%2Fu6Hu8V%0A2f3bbobB9JA9%2FEeMWtIxEQevc8fQ8hpy38jO8pXlulRFkDINERvf8fngqqCj%0AwjQdAqS4GK4%2F44wr9xyIe50GYfwqy7MI0eKMTX06aL85o8GLR1GiVBFKe%2BYe%0AXvSIx2a28d%2FILAH%2Br7nsOkTlpx%2BBE0GMg0S34HLFPzieGI9cAJiRFXA%3D%0A/b8a474a3b250add8" target="_blank" rel="noopener noreferrer nofollow"><span>Out of Order</span></a></b></i><br>React doesnât just stream HTML, it can <b>send components in any order</b> using Suspense. Fast parts (like headers/footers) render instantly, while slow ones stream in later <b>without blocking the page</b>. Under the hood, React sends <b>placeholders + hidden content</b>, then uses small scripts to <b>swap in real components when ready</b>. Thatâs how it keeps everything in the right place. </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/bIRAMnaApJNzlGs26I74Yi%2FH1SKUuwOfpJ6Y%2FruCEsTNiu5pR9AB8d%2FB4wQb%0AAwQV9fbyOiCVmYYNP2epd9hw3XudPNtyzfUDlZMx2nBsyew1dupA5VL2kQYV%0ANYa%2Brj04HdFYzNyQBLhRD2yJYWxU3FG4BGR2XdBcpRz4QdEyfnF1r8Gfo3oe%0A1Ktdki8F5W4eYaHHgBz38hy1cRZYN8qXfSFLn1QxcpO5OKeO2%2BBA9aA%3D%0A/4d3820db21bb97ec" target="_blank" rel="noopener noreferrer nofollow"><span>TSRX (TypeScript Render Extensions)</span></a></b> - A new JSX alternative that lets you <b>co-locate UI structure, logic, and styles in one place</b>, making components easier to read (and for AI to understand). It compiles to React, Vue, Solid, and more, aiming to <b>reduce boilerplate and fix common framework quirks at compile time.</b></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/Z2lx1tSRYoxA0Mbq8z1fispafrA3FUI4oPaX9mLDTdBgge0n4REg%2FkhfNIXQ%0AesftkE5n24Esrrqb33a0H%2BdikV6z5W962IdbQ%2BM98M3r0BOkGhVp2mlqWuh6%0ArFJvlfjsWg5hnTQ5f9SfFvRbm9r%2FCiDBsSsmLQkS5Ug6TUC9buW4Nb2tS0mj%0AM5raYboZAuiaxyjBxW825vwxMhxuorPbA%2BbxO9SwnUwNmhcX7AcQnqY%3D%0A/4855a84855720ef1" target="_blank" rel="noopener noreferrer nofollow"><span>RetroUI</span></a></b> - A bold React + Tailwind UI library with <b>neo-brutalist components and blocks</b> designed to stand out, not look like every other SaaS. </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/7FCjZtfbbR6mL5hxmqBUsZYxy%2FersRm2pFA51pGWDmW5X7vxCU6GP7KSgi51%0AkuFEYysDs4yZw2qtDbiBAJqKTREUkgQXkidYi1pXNY18VE2aFQawLymxSsWK%0A9XGqYqEhDuN4%2BvIHbMTKWGsrP5KfBA5cA5wfobAfdCzakoL43BVTb22HFx%2BC%0Az%2Bvypf0JJLiwubjnhDCuCq6A1yt2XhH517BqExNwY%2F4skPJLzb0vbxk%3D%0A/f06069987ffffcf1" target="_blank" rel="noopener noreferrer nofollow"><span>Ghostty Is Leaving GitHub</span></a></b> - Mitchell Hashimoto is moving Ghostty off GitHub after 18 years, citing <b>constant outages and reliability issues</b> that are actively blocking development. </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/C1F1rZrs5Ehk6LUKfoNyXDvlRVzxxkNo31dGKsj%2BspnNeL1dvDq97LlPnX5F%0AOqTDFfmfer2VkuWGNPBuxOrWZnX2jGoADkScg%2BL1NWYfvtr%2BwFLWzET0r6Zr%0AixjIKPy%2FiZICJqVAxJNJmMaBDc8tQnC5%2FZIBP22%2FPM9Pk1GQolPdPCZBqIdr%0AJnlsFqcMnLgdmmI56oJVGQoAnNAkbflmPi8dKWSVT5PQ4jUOz603pSI%3D%0A/96a17537631a8498" target="_blank" rel="noopener noreferrer nofollow"><span>The Unwritten Laws of Software Engineering</span></a></b> - A collection of hard-earned lessons devs learn the painful way, like <b>âitâs always related, roll back firstâ</b> and <b>âbackups arenât real until youâve restored them.â</b></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/EjVAvuNfnqMEC1FwY9gfx3AxkVdcejHCp6y4RkFnToZhqodPBpcYpP2jcLoF%0AhokEO9QOVI4FCzXSZAM4kQ5umEl7fdcci9J3CKFVypb59m8dlUGeWAc4GJOp%0A%2FktneAso%2BH9ja6Z4uHErbxqAGJx%2BOLUcZrPbHZM%2BH0qwtlc9EBukr50bnpR4%0Apgz6Sm7YTF0uMo8alZuvlNpsT168BvFYIUWImPRuiW3e0MbwGwk78jM%3D%0A/f918c44bad966c9b" target="_blank" rel="noopener noreferrer nofollow"><span>Claude Opus 4.7 Got More Expensive</span></a></b> - The new tokenizer can <b>increase costs by 12â27%</b> for most real-world prompts, even though pricing didnât change. </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%;"><a class="link" href="https://link.mail.beehiiv.com/v1/c/9OKMoIYE5i%2FdL4Wg6CyhqPuFLsiOglWtPaPeL9a8GYy%2F%2FZIhVB6Fww5lqCEz%0AWeE3%2FIQUuRX5bd3dDKmgUGI5nHan4XxU6N0xrUpSwskBoxgTwK9Z8TnJzM7D%0A6xX1gf84XCYm8fB2PGQR%2BJ04BLW9oZxWRFeyvxHX1qFRSLWw6j3EvwC3VNIl%0AIjlorA5kJziG95L8KO7St7T95cjJOFqstdZdtBszLy3%2F8BS9LuGSzS%2FuaVEJ%0AiZ20dB0aW%2FWeK2Ri%2BNmoddzDQIQF8CmMiWoupdLxfShSsVK5oXWAYmyMfbPk%0AFLs8JcBF30iW%2Fmj1%2FbC7nfq6lzKrdS860QAHCireFA%3D%3D%0A/50ec1c0f98278a10" target="_blank" rel="noopener noreferrer nofollow"><span>Wispr Flow</span></a> works everywhere you type. Reply to Slack, update a Linear ticket, write a commit message â all by voice, without switching apps or breaking focus. System-level, zero setup. <a class="link" href="https://link.mail.beehiiv.com/v1/c/WqS6yG57JYQ%2FGZwXrpxfxpfjQJGmtu%2Fnlud1wT5kaNEELRHLvji6z%2BKpprvN%0AWVIaS2eyVsG6JqdTwu0m7zpwJTDTZhQok1iwztnpDpgBQfJRpN56dQZzQBRk%0APDkNbfMk4fXIeNsGzff%2F3cosEuWHiaB3ENZdXKZj1lH%2B5TfHHaM3Scouudov%0A9MbqGzIqvCu64o3tyJ%2B1Vd4tskE8CdtyaPNdDOhg3E8LeWRmveUoU320XTEF%0Ag%2FYfJ%2BpPpNvhvaEbjZYwXDxAP%2Bw5VWMsdt4%2FiYIqQgG3BPdzexVZEHDCvRjh%0AyAEHqOl2kOAbSSDiLIzQdfW35r%2FV6vCNBfrHqNmuYQ%3D%3D%0A/91ab4d1e7cca72f0" target="_blank" rel="noopener noreferrer nofollow"><span>Start flowing free.</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%;"> đ¤Â <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/lhFExAAznxHsV23YfWG9R3EwwSFchDLvKVQKwSpCNN0Pe8vPGuE%2FHrgt73gq%0ARMShCyxuKiYt9p0a4XvEnk1tT0w1C1apAal9Q8yiY78E2dI4Ky1mktjBfFBf%0Aav9kK8EXNuZwe3C5UukVrMG%2B2zVDa2g2uLVz5oIAgvbRGi6mPuXoW6n0X1Zs%0ApHhHUr%2B%2BqQX3fQP7zKgkKuebCG2NCpATY1EnFMru%2Fe7Yz35tBbgIZ3I%3D%0A/0b2ba94a48f8f74d" target="_blank" rel="noopener noreferrer nofollow"><span>Who Actually Owns AI-Generated Code?</span></a></b><br>If you shipped code this week, <b>some of it was probably written by AI</b>, and legally, ownership is far murkier than most devs think. Code <b>without âmeaningful human authorshipâ may not be copyrightable at all</b>, meaning you might have zero protection if itâs copied. On top of that, your <b>employment contract likely already owns anything you build</b>, especially if youâre using company tools. It gets riskier, AI tools can <b>silently reproduce GPL-licensed code</b>, potentially forcing you to open-source your entire project without realizing 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%;"> đ <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/4%2BRnlGBj3BO3QfzPunSclHe2yXJaD6rYcCVhFQg3LtvDvvfU%2FXMvh6VpA11R%0ATo6R%2BD8pFErjNBzTW%2F9toj8U6xS4PmZ0aAqiHn%2FK8SKBenAa7RrKVXyXiwGe%0Ax%2BtX133SKpm7HNF6hPBugX7cs7bqEGurMR2dyht6HrH3UmjdEuWp9huTJLlo%0AnLanQ8efqE6xJz35o1sCklv74queQ2yMnDx%2FKOYfA8D9bUZTdyqt%2BBw%3D%0A/4bcb5bcf084b9083" target="_blank" rel="noopener noreferrer nofollow"><span>Why Your AI Agent Breaks at Scale (And the Fix)</span></a></b><br>As agents connect to more tools, they hit two issues fast: <b>context bloat (up to 7%)</b> and <b>tool hallucination</b>. More tools â better performance. A new pattern called <b>âcode modeâ</b> fixes this by having the model <b>write code to use tools instead of calling them directly</b>, reducing tokens and avoiding confusion. </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/Q6DbnXr%2Fwc%2FOMt8ONL6AFYmpxGQKgoWGuRTqO91X1bUEGEMw0odKeZ9vD%2BsF%0AaboVxJpDvLRR3Q2WiumGlvovk99Qu9OGILYj3YU9hfM0vvQv0rlHAakSUYoS%0AzOOOZvyxK6c9Y%2BUbWauNC4RAqKsecgdAuESmGZsf0BGUx6slsPxsTrQKhZUP%0AXMG658oS4Ir840Z1K4MZDE1HoOEukbvx1x%2FvVdgcolmuS%2F4fAf8w%2FQE%3D%0A/0d373efc48b1cd6b" target="_blank" rel="noopener noreferrer nofollow"><span>The Problem With AI-Generated Code</span></a></b><br>Great engineers are âlazyâ in the best way, they <b>optimize for simplicity, abstraction, and future maintainability</b>. But LLMs flip that, they generate code endlessly, with <b>no incentive to simplify or clean things up</b>. The result? Bigger systems, more duplication, and <b>â37k lines a dayâ that look productive but arenât</b>. AI doesnât optimize for long-term clarity, it just keeps adding. </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/SioLnIvdnlKTHj3H9DlelYmYAdJdKHP7xTxYfrd4iE3bEH29uqx04jw57s%2BH%0AraBiAiX4NG7ulq%2FmIuFhp1i%2Bpu8OEebH6W6u5wQHyR9inoD2HqthJB7u57F3%0AmNrL%2F77QCAaE4zIyc3Fuya3Us1XapyTj5OqEU%2FNzRjQ1F3cNsId%2BIrt4wBkL%0An0S1KWLw59W1DilWHZ6VIg5coCiOceiFos70FbsYDuf9QBpgkhk0OaY%3D%0A/eb1b170db557635a" target="_blank" rel="noopener noreferrer nofollow"><span> Backend for Frontend (BFF): When It Actually Makes Sense</span></a></b><br>BFF is a simple idea, <b>a backend tailored to a specific frontend</b>, shaping data exactly how that UI needs it. Itâs useful when apps need to <b>combine multiple services, reduce client complexity, or ship UI-specific logic faster</b> (especially for mobile). But itâs not a default. It adds overhead and can turn into a <b>mini-backend if youâre not careful</b>. In many cases, <b>GraphQL, API gateways, or direct calls</b> solve the same problem. </p></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%;"> Darius Cosden </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/NbgqVz8wSsEtJH5pi%2Bvclryq9kn0QmVQ4XHtKkrEDewg5e6GnTR4rV06KYEO%0Ank7yP1wwtQ3jcGOt2M%2FvcVAl%2BeCluSzcmSRMWpX2To58PjauEwIRerHTI9dl%0A4xihBVj37TOQu8xNSTNwCQmrqn4BynHcP6ccFu4t9S0zvQHXkoicf8Us2Lnb%0AHbWKHK1msUsDfVctrlolM7PbZKS2YySKZP%2BOzTgcebYoLbIWNo%2B%2BJC4%3D%0A/329071f4de1060a9" 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/iYg6AgDLTzKUslJ7qEtf%2FoU0HtK7eJ0WFCOIo3vBxzAVwbhSYBXseSdKMfAD%0AsW24CO8cNYOPD715pd5zf95HuDpm5IRdhvxr56oGkSNCUsHnSfUi9yFjGfZc%0AN6%2F6GFw7AFo01mwfrBKjHRLpimdCobBikW9uOghHzsSwMyC755emQRA4g9Q1%0AVw5%2FGE782jiSXytaDvh73rUHSgMCsvFz%2BfgzTnt%2FzsUGcWBRFSBRHmI%3D%0A/6bb2c644f9abbbae" 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/d78772266f5e9f43a338a78c658e73cd160a0bec/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>