<!DOCTYPE html><html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" style="font-size:16px;"><head></head><head><meta charset="utf-8"/><!--[if !mso]><!--><meta http-equiv="X-UA-Compatible" content="IE=edge"/><!--<![endif]--><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="x-apple-disable-message-reformatting"/><meta name="format-detection" content="telephone=no,address=no,email=no,date=no,url=no"/><meta name="color-scheme" content="light"/><meta name="supported-color-schemes" content="light"/><title>š¬ The React patterns everyone regrets using</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; }
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-5ec571ff2483turkey.pink.45@rss.andrealin.it --><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 debugging React like a pro, TanStackās new RSC approach, and AI agents writing worse code  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </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 16, 2026 | <a data-read-online-tooltip="true" href="https://link.mail.beehiiv.com/v1/c/IBDAjGhNRIvB%2Fg13h43jCj8EkuSGzfYo67dKzRaugbUpVYs0yYpzHbMpaJAR%0AjxLY9KkgNSixeL2a9MZkQ75stq6O0YZQQ6rOZTyLj%2FND7dFmFtyX6tilU8Eg%0AJhAnU337ohXt5JNPwiuyjGGH%2B3usJRlacbXliTQEgtsyBgjcOCe4atcanJ14%0AkfSeKhqMdtdW0X1CUDbaG2UbWBYCWLeFfSJZaHk810PPuvNaMvZXDCQ%3D%0A/5aa8866dae0e60f3">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/FQEjgXq1Nid%2BmgazAVD5Jl4e1Mgaf8aOR99y3UYN3HE0YAPYBqt%2FwiovAbFH%0AUfNJxX5odQV1jlU8ElUHTyLqAT929fed6TxZbtV2OY5Gt%2BUzUWar4kCVQNZw%0AQSO7YmHjNXJqCgsWeeCpiPwoNaITiMvrwKo4GLks8CwByS8995bcK8b4cOyA%0AYvGDqIE5NlQJmiKyry00Cs59npFquMT%2B3UfTpeGtkK2Oq5HnWl3VnOz0q1uZ%0AZLXCIl08CL7Xma7BFvbKrYcahmlwCTW2dogh4i3oxS97mKUUT5JAxUV%2Bpe7i%0A3BeaPYOV0IP28dmQDr678TDnnxoToTmK6JbOtagFdj9e0R7LWFl0wjWdT7cM%0Ajwcs5GLmwJK4zR%2FrYSdbgEC9TnrGnQAwBh0JxZEl9mpkjlHavIKkjgpuYVJJ%0AqxGMVmk2YTyDKaWUWDAnP7TYbwAV8LpzZBtDoUN1%2BFCsCklM1wfZ5d2S%2B2cX%0Aa6s5rrJ5S3Y%3D%0A/0189e624f4d28c64.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/GyPkJQIX0YpOcJv%2BD24fA0iNOAnRauyv8%2BT4ryzX7xtRyUcy8%2FSUDSKwaoa7%0ANN6zB5NlL3n0ZeXhCULmK%2Bq4TD4hpOXn3LnIIc3vDXKkiyKY%2BaZs5FUCUxP3%0Ay5Nx3MyS3KNFYqTmXiH4%2B5Ul0GhNVTIQ98eQGwf9Re8xFZ%2BkEf%2BWXU4IzX0K%0Ab1nAv2bB61k5bwYA57YLD0tGYwNTNf18VD5KaK2RnY4f6c%2BzpIjr4bjsO%2BI%2B%0ALPkF%2F9kLTsOKXCLI9mu1IJmVwc4tyfxV83L0LpVhM%2BKqD7%2ByX%2Fy0IDTpSG82%0AFTU%2FhGbfqlZEFJOKHgWZqtKZ3yJ28NNO26xEPlhFwQ%3D%3D%0A/5184feaac25c316e" target="_blank" rel="noopener noreferrer nofollow" style="text-decoration:none;"><img src="https://beehiiv-images-production.s3.amazonaws.com/uploads/ad_network/advertiser/logo/e7659a72-75ff-4503-b153-8ab571f4286a/mintlify.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/dNbrRU1l53M2HPog4htqPfksa2Ifu9C9kWY8uzwk47BUxX%2Fedi8kidTY5ZZm%0AAldMuxcHVllxr9Gf57dBEFDLYZL7Aeb5v6KVdDinmWtLbARCySpbdQhAb%2Bd3%0Az4mlzoiC7Z%2FTvjX26kqtLC1RjOJnWsVbZOipiddF5j1NQ6dxSDJDtgLqG6q%2F%0ACzSFdZad9WDi8EfH8Z2HR5AJJbeyE6s5iSb47vFG4FIufUUvUU7vzuo%3D%0A/21886e0e75fab875" 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/C%2FFHzhMsUsCmc%2F81m%2F64sx9ulcVlMLzB2Wb7oyYIKYjT%2FbU%2BL6JL%2Fs2hO%2BKq%0ABzBWcpVzr%2F%2FolsndIKMX0%2FW7UPEkLUnY0gnC25q1BwlsMyOvBGKLGD%2FsWFM4%0AuhrqNqWSbGDsU%2BUBs%2BjLlH7xNjp9P19XTHs6nhiFhkVeqQiVKVz94HfewAT7%0AtYZBUVzyA%2FaU6ghjZYMRRaOK4HIvAE4siADhT0tdU9KzhpmV%2FiQ39uc%3D%0A/53b635419b6ffb93" 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/uAtMjk2WCyhE7mLOSatCwxJ%2FaGxaSsIi1nzbG3PDlb2Fq43w3zeYVjeV38aj%0AchMhwLkTylhQDh1QrJ59z3A8I0vwCT48mcQVi5LWc%2FidNnT1b1TuXXDoMIx3%0Aj%2BlJBq7uYbAbqV9uJv0s1rLCDFSKdYR%2FxnWvc%2BNcPeIFWVVC6kSN0lKmr%2BP7%0AePcCY8jI%2Br%2B3w%2BNR5O2TTWB4m%2BuoGw%2FRF4AZ18j3KGR24o6jCPug8sM%3D%0A/5c681ee7aadf4b08" 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;">This weekās issue is all about where things quietly go wrong, from </span><span style="color:#161616;"><b>overengineering React patterns to AI making code harder to maintain than it looks.</b></span><span style="color:#161616;"> Plus some genuinely useful tools and ideas worth stealing.</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="5-minutes-every-ai-story-that-actua" 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%;">5 minutes. Every AI story that actually matters.</h3></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%;"> The AI Report distills the day's most important AI news into one free 5-minute read. No jargon, no filler ā just what 400,000+ business leaders need to know before their first 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%;"><i><a class="link" href="https://link.mail.beehiiv.com/v1/c/83%2Fwlhufm5ecsXemBMdplYzlcHHB%2F9DP8%2BHMSyFL3Y6n%2Bi9N5qbQsLB%2BkpoL%0A%2BdUrQ1NPT6CP1LVWj2M8MCppHd8dBY9Pcq5DMjSUAOWccuPtOtjyygpU8qN6%0A4sqzjWOJJ575UtzTBTjnf5VdmAVzbqxGszxuUGk9k64oE2zSzrtxQLXNxX0q%0AdNBkzyxjWvzx8MEouNBJTTEHHZ09lbM9pUhumqhxMH0IdhyEp7jfa%2B%2Fgfefd%0AKBnmHb6IpkMmLvpqa5KjQAyapCV%2BRmi6txCVvsfETxO%2Bi3gwmPW%2Bk0Jw3NRO%0AWEj6rhEDU2ymmpGY4P7Cv6dEwf5RgL7Br%2F6Ws0Fmzg%3D%3D%0A/df12e724ce279fd9" target="_blank" rel="noopener noreferrer nofollow"><span>Subscribe free today</span></a></i></p></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%;"> šĀ <a class="link" href="https://link.mail.beehiiv.com/v1/c/Y7zbfvxLgwFgWamSp8LCxQEABtP6N4LkxBIqkAycRfo%2F6Lf4ayjcocwLKVpf%0Au%2FSbHk0hffsFeZrRS4zHz0jjECe8NWK2IMeRef2h9osMiKa9V3wGlEI%2BRLBM%0Au5ug4MCa66yGgLxtmsUnZufK19TPgBbTE3PJmy66Vza7omsXygBgUGIgseAm%0ACYaKsibNgp1G8iYrTzLvc6N6n62J2JyF5w%2BDT9Ys%2FQhWA0nwLctw3gc%3D%0A/b6a367bbe906f2a3" target="_blank" rel="noopener noreferrer nofollow"><span>React Patterns We All Overused (And Then Regretted)</span></a><br>A great Reddit thread this week asked a simple question: what React pattern did you go all-in onā¦ only to realize it made things worse? The answers hit a familiar theme, <b>we tend to over-engineer in the name of ābest practices.ā</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>Context for everything</b> - works for themes/auth, but turns into a re-render nightmare when used as a full state manager </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Custom hooks overload</b> - abstraction for the sake of it, making code harder to follow instead of cleaner </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Fear of prop drilling</b> - often overblown, with many devs saying itās far less harmful than bloated global state </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Barrel files everywhere</b> - look clean, but can hide poor structure and create messy dependency graphs </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%;"> š§©Ā <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/UlfeGvhXRwrum2C8e%2BBR%2FeMgwGLeKZgoMyVMzvpQBW3wWRhoEvYPA%2BPFGzKO%0AL93dNBDWWZqAUFHkzZCZLCIdY0IpEcoKatLoQDa8HFuS8mT5rZpw1a71STVw%0AXoojCazC4XPtvBxsBXLW4VxqgEVZQmshjFvRh88MHRJyzRfxqPvOJN8NZc73%0A257yATRZKMTvKfPV7eLGdTmGshl7%2FfaR4YLHEp2jVxBoFjmyPYnVXwo%3D%0A/5d6957b525501e6d" target="_blank" rel="noopener noreferrer nofollow"><span>Practice Debugging React (Not Just Building It)</span></a></b><br><b>BugDojo</b>, a browser-based tool designed to help you actually practice debugging React, something most tutorials completely skip. Youāre given broken components, a live preview, and expected output, then fix the code and run tests instantly in the browser. No setup, no installs, just jump in and start solving katas with increasing difficulty, plus daily challenges and streak tracking. Itās a simple idea, but fills a very real gap: <b>learning how to fix React apps, not just build them.</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/xHAObpKiqULA4qDG3VCE2rJYDsEbg9FBkkJg7VF5qwKw%2FV4ekmIHW1Ny3ul%2B%0AvLxskRVWrcTnyLe2UnFgLgN0Vi7i9wctT6egkybwMUMwmpka9TTXd65nDBKa%0AcEIgilqmvgK3nep0N%2FR%2FcQ2jNypdJk2Mkf8sJ7EjaKq6bGwkM%2FDaYeWOnM%2B%2B%0AUN9S%2FHfg5mdCBZOhK3ldUAGtKJZRWwkmKIAiU9tAycATz7nvD2%2BhD3E%3D%0A/6eb74ec6b52c964e" target="_blank" rel="noopener noreferrer nofollow"><span>Stop Organizing React Code by Type (It Doesnāt Scale)</span></a></b><br>TkDodo argues most React codebases are structured wrong, splitting into <code>components/</code>, <code>hooks/</code>, and <code>utils/</code> creates chaos as apps grow. Instead, he suggests grouping code <b>by feature (āverticalsā)</b>, so everything related to a domain lives together. The benefit is less jumping between files, clearer ownership, and code that evolves together instead of being scattered. Itās harder to set up, but far more scalable, especially for large teams and long-lived apps. </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/NS9HkCIs8ZWQ5mKOd4yagCq9cxHcWOLVOPcQQzfao9wQ96OTi8%2BgL2XY9FfN%0AjaV1DYbOSvYWWOCCh4hyzctmh4msA%2FFnFmRKzRXWrvOQJjMjAGXlYFyRIETC%0AA4mVTpNZnuJllnHOv2i4AZ2k1Ud%2Fr40Btu4iYIs4PXqFiGBYxgYUdWR6qi3W%0ADQjDvjb4xhC%2BrZ4cO1oIfv5v7MraHNRCcQshtwb3xVETk%2B9XnTyZtBE%3D%0A/5f4a4295b9291c14" target="_blank" rel="noopener noreferrer nofollow"><span>React Server Componentsā¦ Without the Framework Lock-In?</span></a></b><br>TanStack just introduced experimental RSC support in Start, and the approach is noticeably less opinionated than what most React devs are used to. Instead of making server components the center of your app, they treat them as something you can layer in when it actually helps. </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>No āserver-firstā architecture</b> - youāre not forced into a framework-controlled tree or mental model </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>RSCs behave like normal async data</b> - fetch, cache, and render them however you want using your existing tools </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>New āComposite Componentsā pattern</b> - the server handles structure, while the client fills in interactive pieces via slots </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"><b>Security-first design</b> - skips server actions entirely in favor of explicit server functions </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%;"> The interesting shift here is philosophical: this feels closer to classic React (flexible, composable, developer-controlled) rather than a full framework dictating how your app should work. RSCs become a tool you reach for, not something you have to build around. </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="we-killed-rag-and-sandboxes-heres-w" 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%;">We killed RAG and sandboxes. Here's what we built instead.</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/1SMHts%2Bzp9gR87LbXG%2Bty33BgJqe2KZ0g9dLgPCTnzFrtikKDo98JUOY%2Fj4v%0AjKqoCaXTD14914uD%2BwD11sLtEaUP01c%2BX7j3%2FSEVuiNNLahBqL%2FQPlAFOvpA%0A1qwGuQH6ykVzzPc%2F5g7beBY1PiiqY00F%2Bo07bPHPi0B7xRqh7OjFL4Q92I8Q%0AMtZS6X1lC86F3zg8ZFZYkpMBIwf7H7pAtqne8QY796NSF2T4lOgMuyjX9kJY%0A6P4G%2BmhXhNnggtbzjQq8YU1GyJkc3yd4crB87G6F9ZKNokRA9ESpeFTqZ%2BcC%0AFliJwm4rBtm5YYElPGVmSFsnhAwKgvZsNP8qMdwbJg%3D%3D%0A/d3f5196928938877" 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/68a7c39a-b62b-4409-a707-83e00c0caae2/Frame_2018778057.png?t=1775577207" 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%;"> Our documentation assistant had a problem. RAG pipelines only sent the model fragments of pages, never the full picture, making responses feel half-baked. The fix was obvious: give the agent a real sandbox with full doc access. Quality jumped, but startup hit 46 seconds and costs ballooned to $70K+ per year. </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%;"> The insight: the agent doesn't need a real filesystem. It just needs to think it's in one. </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 built <a class="link" href="https://link.mail.beehiiv.com/v1/c/BBJYnRnq%2F4sGU1k5KxSVHUDlw1zgGFKwqjcSSv9VQOUciZ52hb9lj%2FETdpSG%0AjZt6MRaeSk7db4lP%2Bg7CErHYZvcdqMl040186W4DdTSL7jFic8oJser%2FZ7fn%0ANTNOMGelXtQQ7HNl1xtBDLcYRqPDgRLjoHbYHUBzOwY7e9dpIsgWyV%2B4P5Rv%0AEZCRjalOgenNlGWOg39SfK3cdDE%2F1XuYPAukc%2F6K7mmOptApun%2FYYgGp367S%0AENe30oR0xsGV6ITLfLkFpQ2wn59uSNBkhHOQIRoyjJfURHXMK8n4FGsOvaJ%2B%0Ayrb5VVWrDdPLPrwu3QMWshGkLbOc55EPf7M6v%2BR0ww%3D%3D%0A/2e6677f07ad5b225" target="_blank" rel="noopener noreferrer nofollow"><span>ChromaFs</span></a>, a virtual filesystem that translates standard UNIX commands into queries against our existing Chroma database. Every doc page becomes a file, every section a directory. The agent explores documentation the way a developer explores a codebase. </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%;"> The results: </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;"> Session startup: 46s to ~100ms </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> Marginal compute cost: $0 per conversation </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> Output quality: on par with full sandbox </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> Access control: built-in, zero infrastructure overhead </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%;"> ChromaFs now powers our documentation assistant across 30,000+ conversations a day for hundreds of thousands of users. No containers, no cold starts, no invoice surprises. </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/1Adjx%2B9DwP%2BAZ%2Bm0H1ipIEyqL4U0ouBeqlzciaPWMAe4QpTwdbL2WsS2BYlf%0AvT9IyBGPi8DCe9hB%2FZ9Sxh9m6mAvrg0z55DFdJ6xm7dFa%2FSyP9htV6JIOGge%0AeHy7DHb07QKg1r7LGyKanANlTU2ttaQgpXU4U6cqp%2Bmwxri1zzZRsr2n7%2BP5%0AZxD4o0fNIZ%2FCOf%2BtBW1EYvCG1H%2BWSVyw0mXo%2FhmqlfIrNNIsnpVSDG3INKf7%0ARB%2FnVn0TGm2R5F3GqcFKfSjjkvV0NnwWsNaL2Hr8nBNwMdQMU7cg142QT3J6%0A2%2FjikOmzUIZyLto67mp3QbOfJsAMdFzMzrZ8HqZzBg%3D%3D%0A/744f40d85046d1e4" target="_blank" rel="noopener noreferrer nofollow"><span>Try Mintlify today!</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 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/j7kowkZw2dN3AxlJ%2FgCJJTRU%2Ffgucyp3LCeqHDXEytQtvIx84cwHkxeC1Lc7%0AFehhY0D4R7bb%2B9qtTLUZIeD%2BhdoQXJm7MN2PQB5qUdX1A0JsvXnhQgcNnuua%0ALTpE5Opha0bmMh2mPOZjW3Ci%2FYctnxDN%2BwautB03dnAfSSqPX7bFEeSsRyT9%0AJnaj5YSMxhn%2BXGQ6cb6ArOsVYLcbiQFLBrQbQltQR8L8ZOHEZpXJIgA%3D%0A/b168a057653522ac" target="_blank" rel="noopener noreferrer nofollow"><span>MUI bumps license price by 66%</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/lcnRYl26qFap%2BHvSBRiXJJDUKg0xUphMFZOYPdZ7PBvkHyExI6OUbLsG%2F2AO%0AuvnNjreZWDqN%2FQCfQ0hbvKfsqzcm%2B2ZlrteSnlUjbkJyJqRws6VlOccsLqBX%0AIoPJZ7r3RJdBIUvsKXjWDOJB9rvIVbKHCqNRRQUWprmSUcZ3WWjA7dMKDdJ6%0ALywzSCWeuaTmfXZTBq4zkgoGjXIV9YYGopMMWyD6OAbcdxqC8nVxBBg%3D%0A/dd174c3b0747c9ac" target="_blank" rel="noopener noreferrer nofollow"><span>A deep-dive guide</span></a> shows how simple tweaks to Gradle, Metro, and C++ caching can massively speed up React Native builds. </p></li><li class="listItem ultext"><p style="mso-line-height-alt:150.0%;padding:0px;text-align:left;word-break:break-word;"> Trap AI web scrapers in an <a class="link" href="https://link.mail.beehiiv.com/v1/c/WKGrujRerUxvvwbr5ECfiHoxkamOXkGvErPdYpSZCn6euf3FK9Z5Mvi9M1OE%0A1TDOW4YhV5PPIKITS6uv%2BWZxd3LmhcvitVJv7Nw5Q7qGWoTeSUV37Dr05xc0%0A9geNKGMLmAectdC8ftCVoEVL4ChxxwjQU8CIHpIjrFBCU4YEktDBDWGFO6t8%0AfSgi%2BLXiMsNpTe0F7wlsOr2ZXaC0doxZL32ZANAZGNm8LkaoU3YJXyo%3D%0A/f03ec615e40fa4b6" target="_blank" rel="noopener noreferrer nofollow"><span>endless poison pit.</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;"> Five hyperscalers now <a class="link" href="https://link.mail.beehiiv.com/v1/c/l5bCz2vF%2FXTqj4q7MPOTY%2FeN0dcjD6S5TVDVfVCAMcYPBF56AXXH%2FAxn%2BdMy%0AsVtKAKS0jGLysbHmlH28QKNFFy4XEueixTjw6s%2BQ2GGqRQAaOAKIFFiSNnJz%0A7uPTHuLFI0HNfKq1Jsj2Iv6%2BQK938O1Dt9fWdoWanANrZMVEfRITkApYDky7%0A%2BdVotLyfcib07k%2BxEnYkLmrvC7AtRsi6l8HyNjjXrlaKRC1Vg8mZxCQ%3D%0A/9ef91837fcb4af2a" target="_blank" rel="noopener noreferrer nofollow"><span>own over two-thirds of global AI compute.</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/uJLgLyzODzslti%2F93mwaxHcDEVZxxyKVVMfsgmxAfMD%2FK712J7A%2B1TtK8zQV%0AFc0Yb8UhBC3389hqGI8EVOHWt%2FUi1GUZ72P6s7kaoCJYQk1ej8jJfuZdL7%2B5%0Ap1FpGlFtzJ7vS65Ak180By3QBXUTbHkSO6W8h6TZoyjg1by6uorXAtVoD70n%0Aw8nset6NQgwvXCFdGPBksKXXBBeFewIuH1CLrnK30%2FcNiAYfeZfJ7Ec%3D%0A/c6e503be0f8da553" target="_blank" rel="noopener noreferrer nofollow"><span>Under the hood of MDN's new frontend.</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/Scw3cnzohkuSoXysorVUJsZPBJVP7FKgxePd92T3RkpDQH30bmzsfSdNbPbw%0A8B%2BEtHWOD1IzaftDIOfq1Ktj5Xz6%2FB3vollX4uw%2FLxzJlXnnTZG4ZOBB5YQ2%0AWgZssmkw6q3UT2HjJ70FjbZG7tKTQZNA1C%2FAy2APdU%2BR%2FyPM2MPo4fvev5ZK%0AqrDOGV1OJOCB2iWVQ8H5ZFZ592kYJXCGB0WL3FJdvSCTCAlGu54hfZ0%3D%0A/caa9e33cac7d87af" target="_blank" rel="noopener noreferrer nofollow"><span><b>Bun v1.3.12</b></span></a><b> is here :)</b></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%;"> š¤Ā <b><a class="link" href="https://link.mail.beehiiv.com/v1/c/XEmo2U0OoUg4ACf%2F1VTNoWU6g%2FL6uvWl6asvPgMYQSc%2F0GycztUsWyzuxg8a%0AUt9tAJevkESk7tc84FM2SDjq9d95QqcFYqg8n9ZewEIv%2FaXgAY1oDiAnDcVT%0AKVDR8hzhWYplVqK5CLy21DmzbVaoLQ7m8gNkWpYRxmiF0GZB57cK1F2Zvulo%0A6zALu7iigCI%2Bi8j5UcUwe8K8lyC9Wqy3BRAveNzpb3uZd0VoR8CurfM%3D%0A/5eea73083e9a97f3" target="_blank" rel="noopener noreferrer nofollow"><span>Claude Code Launches Routines</span></a></b><br>Claude Code is quietly pushing toward a world where <b>chunks of your development workflow run themselves. </b>Its new āroutinesā feature lets you package a prompt, repos, and tools into an automated agent that can trigger on schedules, API calls, or GitHub events, and keep working even when your laptopās closed. They also <b>run fully autonomously, meaning your prompt design and scope control suddenly matter a lot more.</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/rlIHjHegQBLPBiuQpAQ72%2F9DqOio7IPNymUJ%2Be4k2WCqp4cjm2%2BRCP63%2B8Sp%0A5Hi1XKSzGCsVORcVUHbNKWgcBK1%2BMGWIFtavajsMVLJ7v%2FNldUaqbuLN9FT3%0AScKG4jftyWTFKaSKk56ynOP%2Bgnz107rsD8edyDJzuIyjGAohFZH5LLT0nR94%0AP5j02wdnMcxOzZUvAsy8T5G%2BZUxKVQTJB%2Fw9aQ59L74SeriRHl8qiSA%3D%0A/e9c83fbd64c37396" target="_blank" rel="noopener noreferrer nofollow"><span>AI Is Making Code Harder to Maintain (Not Easier)</span></a></b><br>One team audited 6 months of AI-generated PRs and found something unexpected: fewer obvious bugs, but a rise in <b>āplausibleā code that works yet feels wrong</b>, over-abstracted, harder to read, and eerily uniform across devs. The real issue isnāt correctness, itās <b>readability and ownership</b>, making code harder to reason about and maintain over time. A great read if youāre going all-in on AI, a reminder that <b>more code ā better engineering</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/uE%2BfSuQ203I2UmfGbwxqG3QzOd1R%2BtWomPYyCcKdkyG%2BRyUTndb8c8aa%2BIGz%0A58q8XQzLOXrrsFwD7XWi17UW55OuuQz938P4ziPiozmZ9sLCtRo0CpRfaVB0%0ANjjD%2FlZsh9ek%2FasPhbSXX%2BqpI%2F%2FrAC1%2FH7vc5hGHZcGhQoetmHWsMQS%2FE8M2%0AS2ET3mvcVfH2oCeOSYLX4DvJaSxOWdXyYCjW7xfNLeVFuVDgF4BUVoc%3D%0A/0b5a83bd80f06cb2" target="_blank" rel="noopener noreferrer nofollow"><span>How NASA Built Artemis IIās Fault-Tolerant Computer</span></a></b><br>For Artemis II, NASA designed an ultra fault-tolerant system where <b>eight CPUs run in parallel</b>, instantly detecting and silencing any faulty output caused by radiation or hardware issues. Instead of trying to fix errors, the system ensures bad data never gets through, using redundancy, strict timing, and a āfail-silentā design. The result is a system that can lose multiple computers mid-flight and still operate safely. </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/vExEv3FobxnqpVGUO4q%2BbrSVs%2Ba3a%2BO8dzrPCTffmMmbFZULGfUVcgVw%2BGa0%0A0jwh300fE85a2IqlMMcE1NCk84k9%2Fbv1kdMpae6CPDAgUeEqevPeNBn1pVWD%0ArlfwvnRlPphoohcqek69rkn%2FTu13Oh4fkj%2BRbyObUfr4Qb60hNQA1LMKOb8l%0A9CqA%2B9N9YdaSyxVIgaMbC1G2ynUrAJKoEJcpwR4ek7vVGMdnB9yaZbY%3D%0A/e69fba6b9c9eb628" 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/4gDal6%2BaWz3ulo0Qqg4BQ6m08OA%2F35Xa73sl1EbHsbogheGKQLMO1G7ecYHm%0AKlXigR%2FGsgE%2BWRYXGShT8m7rleOICI42UcNWM7ms9RZN5gVOznOgrKIrisxB%0AdKYiOSQ4ZyPkXB42Q%2BcVPOncvLzzbroFUPtjdtSuO8QfavTBMQ%2FS7y4QUl5t%0A%2FKpKc%2BAhliOKHrixytsHPwTim%2F%2FDHDZOSv3HUTC6bSqQuCUAtlg65dw%3D%0A/c8f9b4b3987f4309" 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/e6e3946a1103c425d8b789c63f30cf6382269448/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>