<!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><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>π₯ 4 React resources every dev should know</title><!--[if mso]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><style>
:root { color-scheme: light; supported-color-schemes: light; }
body { margin: 0; padding: 0; min-width: 100%!important; -ms-text-size-adjust: 100% !important; -webkit-transform: scale(1) !important; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
.body { word-wrap: normal; word-spacing:normal; }
table.mso { width: 100%; border-collapse: collapse; padding: 0; table-layout: fixed; }
img { border: 0; outline: none; }
table { mso-table-lspace: 0px; mso-table-rspace: 0px; }
td, a, span { mso-line-height-rule: exactly; }
#root [x-apple-data-detectors=true],
a[x-apple-data-detectors=true],
#MessageViewBody a { color: inherit !important; text-decoration: inherit !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
span.MsoHyperlink { color: inherit !important; mso-style-priority: 99 !important; }
span.MsoHyperlinkFollowed { color: inherit !important; mso-style-priority: 99 !important; }
.a { background-color:#ffffff; }
.b { background-color:#030712; }
.c { background-color:#ffffff; }
.d { background-color:#EAEBEC; }
.d2 { background-color:#FFFFFF; }
.d3 { background-color:#FFFFFF; }
h1 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h2 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h3 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h4 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h5 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h6 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, ul, li, ol, p, p a { margin: 0;padding: 0; }
h1 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:28px;color:#2A2A2A;line-height:42px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h2 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:24px;color:#2A2A2A;line-height:36px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h3 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:20px;color:#a6825a;line-height:30px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h4 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:18px;color:#2A2A2A;line-height:27px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h5 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:16px;color:#2A2A2A;line-height:24px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h6 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:14px;color:#2A2A2A;line-height:21px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
p { font-family:'Helvetica',Arial,sans-serif;font-weight:400;color:#2D2D2D;font-size:16px;line-height:24px;padding-bottom:12px;padding-top:12px;mso-margin-top-alt:12px;mso-margin-bottom-alt:12px; }
p a, .e a, ul a, li a, .h a, .h2 a, .h3 a { word-break:break-word;color:#a6825a !important;text-decoration:underline;text-decoration-color:#a6825a;font-weight:bold;font-style:italic; }
p a span, .e a span, ul a span, li a span { color: inherit }
p .bold { font-weight:bold;color:#2D2D2D; }
p span[style*="font-size"] { line-height: 1.6; }
.f p { font-size:12px;line-height:15px;color:#2D2D2D;padding:0; }
.f p a { color:#2D2D2D !important; }
.g p { font-family:'Helvetica',Arial,sans-serif;font-size:14px;line-height:20px;font-weight:normal;margin:0; }
.g p a { text-decoration: underline; }
.i p { font-family:'Helvetica',Arial,sans-serif;line-height:23px;font-size:15px;color:#2D2D2D; }
.i p a { color:#2D2D2D !important; }
.i2 p { font-family:'Helvetica',Arial,sans-serif;line-height:23px;font-size:15px;color:#2D2D2D; }
.i2 p a { color:#2D2D2D !important; }
.i3 p { font-family:'Helvetica',Arial,sans-serif;line-height:43px;font-size:24px;color:#2D2D2D; }
.i3 p a { color:#2D2D2D !important; }
.h p a { color:#0C4A6E !important; }
.h2 p a { color:#0C4A6E !important; }
.h3 p a { color:#0C4A6E !important; }
.f p a, .i p a, .i2 p a, .i3 p a, .h p a, .h2 p a, .h3 p a { text-decoration:underline; }
.j { border-top:4px solid #a6825a; }
.k p { padding-left:15px;padding-bottom:0px;padding-top:6px;mso-margin-top-alt:6px;mso-margin-bottom-alt:0px;mso-margin-left-alt:15px; }
.o { background-color:#FFFFFF;border:1px solid #F1F1F1;border-radius:5px; }
.o p { font-family:'Helvetica',Arial,sans-serif;padding:0px;margin:0px; }
.l p,
.l p a, .l a { font-size:14px;line-height:20px;font-weight: bold;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.m p,
.m p a { font-size:13px;line-height:18px;font-weight:400;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.n p,
.n p a { font-size:12px;line-height:17px;font-weight:400;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.p { background-color:#FFFFFF;max-width:520px;border:1px solid #E1E8ED;border:1px solid rgba(80, 80, 80, 0.3);border-radius:5px; }
.q { font-size:16px;font-family:Helvetica,Roboto,Calibri,sans-serif !important;border:1px solid #e1e8ed;border:1px solid rgba(80, 80, 80, 0.3);border-radius:10px;background-color:#FFFFFF; }
.q p { font-size:16px;font-family:system-ui,Helvetica,Roboto,Calibri,sans-serif !important;color:#222222;padding:4px 0; }
.r { border:1px solid #E1E8ED !important;border-radius:5px; }
.s p { font-size: 14px; line-height: 17px; font-weight: 400; color: #697882; text-decoration: none; }
.t p { font-family:'Helvetica',Arial,sans-serif;font-size:12px;line-height:18px;font-weight:400;color:#000000;font-style:italic;padding:4px 0px 0px; }
.v { border-radius:10px;border:solid 0px #a6825a;background-color:#a6825a;font-family:'Verdana',Geneva,sans-serif;color:#000000; }
.v a { text-decoration:none;display:block;color:#000000; }
.w p { font-size:12px;line-height:15px;font-weight:400;color:#FFFFFF; }
.w p a { text-decoration: underline !important;color:#FFFFFF !important; }
ul { font-family:'Helvetica',Arial,sans-serif;margin:0px 0px 0px 25px !important;padding:0px !important;color:#2D2D2D;line-height:24px;list-style:disc;font-size:16px; }
ul > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; list-style:disc; }
ol { font-family:'Helvetica',Arial,sans-serif;margin: 0px 0px 0px 25px !important;padding:0px !important;color:#2D2D2D;line-height:24px;list-style:decimal;font-size:16px; }
ol > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; list-style:decimal; }
.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]--><style></style></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>π₯ 4 React resources every dev should know</title><!--[if mso]><xml><o:OfficeDocumentSettings><o:AllowPNG/><o:PixelsPerInch>96</o:PixelsPerInch></o:OfficeDocumentSettings></xml><![endif]--><style>
:root { color-scheme: light; supported-color-schemes: light; }
body { margin: 0; padding: 0; min-width: 100%!important; -ms-text-size-adjust: 100% !important; -webkit-transform: scale(1) !important; -webkit-text-size-adjust: 100% !important; -webkit-font-smoothing: antialiased !important; }
.body { word-wrap: normal; word-spacing:normal; }
table.mso { width: 100%; border-collapse: collapse; padding: 0; table-layout: fixed; }
img { border: 0; outline: none; }
table { mso-table-lspace: 0px; mso-table-rspace: 0px; }
td, a, span { mso-line-height-rule: exactly; }
#root [x-apple-data-detectors=true],
a[x-apple-data-detectors=true],
#MessageViewBody a { color: inherit !important; text-decoration: inherit !important; font-size: inherit !important; font-family: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
span.MsoHyperlink { color: inherit !important; mso-style-priority: 99 !important; }
span.MsoHyperlinkFollowed { color: inherit !important; mso-style-priority: 99 !important; }
.a { background-color:#ffffff; }
.b { background-color:#030712; }
.c { background-color:#ffffff; }
.d { background-color:#EAEBEC; }
.d2 { background-color:#FFFFFF; }
.d3 { background-color:#FFFFFF; }
h1 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h2 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h3 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h4 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h5 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h6 a { text-decoration:underline;color:#a6825a;font-weight:bold;font-style:italic; }
h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a, ul, li, ol, p, p a { margin: 0;padding: 0; }
h1 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:28px;color:#2A2A2A;line-height:42px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h2 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:24px;color:#2A2A2A;line-height:36px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h3 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:20px;color:#a6825a;line-height:30px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h4 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:18px;color:#2A2A2A;line-height:27px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h5 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:16px;color:#2A2A2A;line-height:24px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
h6 { font-family:'Trebuchet MS','Lucida Grande',Tahoma,sans-serif;font-weight:400;font-size:14px;color:#2A2A2A;line-height:21px;padding-bottom:4px;padding-top:16px;mso-margin-top-alt:16px;mso-margin-bottom-alt:4px }
p { font-family:'Helvetica',Arial,sans-serif;font-weight:400;color:#2D2D2D;font-size:16px;line-height:24px;padding-bottom:12px;padding-top:12px;mso-margin-top-alt:12px;mso-margin-bottom-alt:12px; }
p a, .e a, ul a, li a, .h a, .h2 a, .h3 a { word-break:break-word;color:#a6825a !important;text-decoration:underline;text-decoration-color:#a6825a;font-weight:bold;font-style:italic; }
p a span, .e a span, ul a span, li a span { color: inherit }
p .bold { font-weight:bold;color:#2D2D2D; }
p span[style*="font-size"] { line-height: 1.6; }
.f p { font-size:12px;line-height:15px;color:#2D2D2D;padding:0; }
.f p a { color:#2D2D2D !important; }
.g p { font-family:'Helvetica',Arial,sans-serif;font-size:14px;line-height:20px;font-weight:normal;margin:0; }
.g p a { text-decoration: underline; }
.i p { font-family:'Helvetica',Arial,sans-serif;line-height:23px;font-size:15px;color:#2D2D2D; }
.i p a { color:#2D2D2D !important; }
.i2 p { font-family:'Helvetica',Arial,sans-serif;line-height:23px;font-size:15px;color:#2D2D2D; }
.i2 p a { color:#2D2D2D !important; }
.i3 p { font-family:'Helvetica',Arial,sans-serif;line-height:43px;font-size:24px;color:#2D2D2D; }
.i3 p a { color:#2D2D2D !important; }
.h p a { color:#0C4A6E !important; }
.h2 p a { color:#0C4A6E !important; }
.h3 p a { color:#0C4A6E !important; }
.f p a, .i p a, .i2 p a, .i3 p a, .h p a, .h2 p a, .h3 p a { text-decoration:underline; }
.j { border-top:4px solid #a6825a; }
.k p { padding-left:15px;padding-bottom:0px;padding-top:6px;mso-margin-top-alt:6px;mso-margin-bottom-alt:0px;mso-margin-left-alt:15px; }
.o { background-color:#FFFFFF;border:1px solid #F1F1F1;border-radius:5px; }
.o p { font-family:'Helvetica',Arial,sans-serif;padding:0px;margin:0px; }
.l p,
.l p a, .l a { font-size:14px;line-height:20px;font-weight: bold;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.m p,
.m p a { font-size:13px;line-height:18px;font-weight:400;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.n p,
.n p a { font-size:12px;line-height:17px;font-weight:400;color:#2D2D2D;padding-bottom:6px;mso-margin-bottom-alt:6px;text-decoration:none; }
.p { background-color:#FFFFFF;max-width:520px;border:1px solid #E1E8ED;border:1px solid rgba(80, 80, 80, 0.3);border-radius:5px; }
.q { font-size:16px;font-family:Helvetica,Roboto,Calibri,sans-serif !important;border:1px solid #e1e8ed;border:1px solid rgba(80, 80, 80, 0.3);border-radius:10px;background-color:#FFFFFF; }
.q p { font-size:16px;font-family:system-ui,Helvetica,Roboto,Calibri,sans-serif !important;color:#222222;padding:4px 0; }
.r { border:1px solid #E1E8ED !important;border-radius:5px; }
.s p { font-size: 14px; line-height: 17px; font-weight: 400; color: #697882; text-decoration: none; }
.t p { font-family:'Helvetica',Arial,sans-serif;font-size:12px;line-height:18px;font-weight:400;color:#000000;font-style:italic;padding:4px 0px 0px; }
.v { border-radius:10px;border:solid 0px #a6825a;background-color:#a6825a;font-family:'Verdana',Geneva,sans-serif;color:#000000; }
.v a { text-decoration:none;display:block;color:#000000; }
.w p { font-size:12px;line-height:15px;font-weight:400;color:#FFFFFF; }
.w p a { text-decoration: underline !important;color:#FFFFFF !important; }
ul { font-family:'Helvetica',Arial,sans-serif;margin:0px 0px 0px 25px !important;padding:0px !important;color:#2D2D2D;line-height:24px;list-style:disc;font-size:16px; }
ul > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; list-style:disc; }
ol { font-family:'Helvetica',Arial,sans-serif;margin: 0px 0px 0px 25px !important;padding:0px !important;color:#2D2D2D;line-height:24px;list-style:decimal;font-size:16px; }
ol > li { font-family:'Helvetica',Arial,sans-serif;margin:10px 0px 0px 0px !important;padding: 0px 0px 0px 0px !important; color: #2D2D2D; list-style:decimal; }
.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]--><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"> Quick wins: Essential React patternsNew email  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ </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 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><td style="height:0px;width:0px;"><div data-open-tracking="true"> <img src="https://link.mail.beehiiv.com/wf/open?upn=u001.nYUPT62rnz2LOikSXdhMvG4MAYNbROapfMyuxuj9X195UrmEhScHVFxVaI0pFdttqiY91OOVl0Lge-2FYa21eT-2F-2BYcrhcgdKGElRUM3K-2F83ckKHgV0HdYFZ0AJNTlwT5K-2FZS2QgmhDCKiXzcDpqtCHsEFIpQZcALrIcT1HehHNU9fXnqD-2Bl3S-2BzRsHYj1t-2FTNzKClqNgQN0UWR75NwFZj8pSfMN8S7cMekff-2BV2wyUQc6hj8BHp05LWwhskF2tBH9v9ufqIx7RyYUAyhLyzX7WGwsyUGpWw16mN0PqFOjUiT25wgw1ux-2BDQHoPxNJR6uF5CRxJDGUE-2BwRy3GVFCmAIHjF-2Fep-2FjgSNAs5zfecA4RR6qyRcAAdFp82Ci0AkuvBjmL8qXPYi6l4UefVlimZ1gjm-2BKkBfB5BykEqvMJipZ1wBa4SdMLZHqdiVBN0kbri6UG3BGDOYAKfhFFqwCxPtoBnYBlMTTnDaZKHau-2FSKw8vTjPQrNnxvuVDrGeUw0kxA4hnA68V7LAL0xbcqxveV6V3wQUsYQgGn-2FWVOovuo78yNcoepjTcAJntWv7QX00n9jm9vOVmCbl8W9Z10ZWKo2dsN3RscOdGInZCAz9JQ9KATxAryoiRgzagu2AhraVRpy3fDErWX4RRDkWbaq6mAOpJizKBPI5C1Pxl1JCKtaJCB5RyDFJMnWAA6yR3g4B8Hl9d2TQ2bwxeQzciOrxmbW9A-3D-3D" alt="" width="1" height="1" border="0" style="height:1px !important;width:1px !important;border-width:0 !important;margin-top:0 !important;margin-bottom:0 !important;margin-right:0 !important;margin-left:0 !important;padding-top:0 !important;padding-bottom:0 !important;padding-right:0 !important;padding-left:0 !important;"/> </div></td></tr><tr id="content-blocks"><td align="center" valign="top" style="padding:15px 0px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td class="dd" align="left" style="padding:0px 15px;text-align:left;word-break:break-word;"><p style="mso-line-height-alt:150.0%;"> Hey there! </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%;"> Patterns are the key to mastering React. Here's a quick bundle of foundational resources that will help you immediately level up your skills: </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/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9MQFS21iw6ZVsnLYEov5Wagp-2Bbu4pZhgxG-2Bko0kBD2bYQlN8QwRrqJsOjBF9s-2Br1Ki5teiIYg00OyljGjpD7IhYAbo3BLKgOqXZ2FLrTmcdToaxJaeUQpX6vpkIIIcvK44FN7NK3JW9vhMLA739NvGEl3JxMzTh2XL9nL7VlnV6NFH17r5l1e38MSDwcmB-2FwV6CyV-2BIr6FE9y3TUGNvujLKpLAEJCDk4R-2FUUTsYgh-2F9OMeDR_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfzOSmv390Byxl5v1W1T4wTExSAxYJGpMJhOaeDbYKB-2FI5Aq8MRkN9MgtNAKywT2wE8EWGCnEN4TAR9z8P5jDkbRetxB1rNYTJ-2BZEpT9WbOTOqE-2BDoUj20zE5TgcRKud7SEIi1ShO-2FuFbYdcaPEwCU-2FA-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>Essential React Design Patterns</span></a></b><br>Explore this collection of fundamental React patterns every developer needs in their toolkit. This is one of my post popular free resources. </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/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9JDNntLr6wlKbHz9T6LOwNIHjp1-2FWDsxgzrvd4qQ-2BlWoaCfYLv4CSR47MUK-2Fx6l60cNOzbNNuwvYculKvwEn-2FX7nJKcSV6FQP95akkypc6Akxly8IstM-2FjybIbUWYTGSFwey93RcYDFH5EcMxGF4AZnNHOZ-2FhVmxiu7VYI1vBT5rOtkSOlWb-2FEaPYYhiVfBszNzPtHZovhg7SkXyhD76n-2F8NYO-2BOsz06itslqQoZdB39RbQpGx8SfRf69R5TPmBeRZ1ore6Q1xVP6bZitWp0irPdfSV2euKKGZOp6WcjQhtfxI8MTRqWKYYeCzBniE3xlllfUqeoRfFyQLDf342H4dKx3mnbPr37oiF1M2ss97rSZh6cBUSiCgHCu2VOWMbTGe1BZ4I5Uge3RwL6FIK6sMQF9MHw2IzqZU2JJmUwXo-2FbKFGDV64tBY-2FZABUkXl3qHwGm-2BnnFbu2jMitmvkarwp96Z2NvE5nuz3C4z9Qhq3-2Ff8OsFEswbFXUQ0LQ7T5Q6MbSmlWe-2BXX-2BUagx5ut9YCZLg1ViEEbLNpX8AtZlZWAsiLCZM-2Fwk9gsTjWCyBw1eEsm1vFgxwLXs5ZZfE-2BDzr7g3LOWsEfzkfP3TCzbWCuJVlgKulVf1DQARp7q2jMXcK7RAdJVIetfLE7pbZfUCYTOAfNRReWD-2BVzLegq1-2B0OJWoUA9kDOb-2FbezR3GrOnPMKKUbC0Zjh-2BxFU8q8N0iD0D3Lo0lNGGhF2-2BVzXdCbz-2Bmd91nUXlbTHsxsm5VEEzSDDLGfC9c-2BgYOuH6sZ4IWnruiY-3DDgqX_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfUog0NEfc3ia7tKKUIpAz3QB9COX2Ix5Dhuqo27GMyhxk2NGl5jd1ERAEHr6xHIyY58IMmB2v9xAW-2BE8wrmIQg6dkIwti6pDrNPeESwg-2B9CJK-2BdDd-2ByV59y3vemglW9-2F3CNgFl5hUECys-2FADnGQ4aTw-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>5 tRPC Design Patterns That Scale</span></a></b><br>Treat backend functions like local React hooksβwith full type safety. Learn five practical, production-ready tRPC patterns to supercharge your 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/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9GGxwM96eQbd0lu7oIx5MD1TBO8GHarO2AzJdnhQWLJNZOwotCCMx2uvs3tkVxAFyKgPsqLa1qZpCdcvEVMGARiAvnO-2B7l9uuJPVF0uhW9BL2tJDuJLgT4lBUR69-2Bs-2Fl-2BIBVygRwQ90V44AkROOCG0NkAvawQdbZPbF6sF436XU4P8kqopw5xvGkS-2Fem53ecJ0qb9InN1oQgxmZkUotLSmM-3D_Z0-_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlf6mM3Hts7llJLdkY1stHXDaUMLqELBENUgPfsymMvO8uuxr9quGKAS1I1ewrYJUWmCcp0zDdlyi5FKcuQqTYed1GgSVAU9VkAQAxTZz1p7-2FtNrmrpB20Q5iBBI74WLEl06hLDKGCrlm4pMcDNvL0pyw-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>Avoid This Common React Mistake</span></a></b><br>Discover one subtle mistake that even experienced React developers frequently make, and how you can easily avoid it to write better code immediately. </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/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9GGxwM96eQbd0lu7oIx5MD3xr-2B76utmYX666EApTNs-2Fv3QZHSWuWdPxsDtmF7CfRlmxB-2FVm5URVaRzzYW5QGFe9Y4CdijD2492e2zg-2BJcoOQzJoL7iOQa-2FVfZIyeP8tNkneiZTZkW-2BSj94cc-2BLrxwg-2FUeKvOE5vym-2F6ha-2BiN8OSIzsWsBcg8whiH6eMD-2FhxKYV6gVCGikt-2BmMcxwGAEPv2Q-3DXzeL_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfUKjuqphhZxPqzBBuBsNgOYD8L0KP0dXkOR5CF-2F0nHd0HxeeToiEuu79oyFnIz-2BUsduDBbj7g9OErbp7wmm3Pt4BAm60HZVqsjhzDtrajerWlan-2FE6MkgWW5YYUgC00Hl-2FS-2Bk7m1M1rBosiMoZKzflw-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>The Best Data Fetching Pattern in React</span></a></b><br>In this video, I talk about a powerful pattern that moves data fetching outside of React components and into the navigation library using loaders. This greatly simplifies your React code and significantly boosts performance! </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%;"> These are solid basics, but if you're ready to learn the advanced patterns and strategies that senior React developers use in real-world applications, I'd love to see you inside <b><a class="link" href="https://link.mail.beehiiv.com/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9Ka4qdWeUMHbCfmhVHt2AqzQqKZQhnhoOly6swParcD0FvVj6hjyioBNqjLX-2BDZZ5XuMooDi0mW7SvvdVIS-2BXUMiHDiv-2BYWhyvdBSGilMupVPWDoocfa-2BsJA6Dvog9yvJHPjDuWWS754Gx9zjtPAkZhwn4xMDjFm5iOkcp60nMKPGhMlSxnkZDvtXPYiIZqA5Jq9o9EcOf3AJLEl8Pa2CajgMPwFYzrglkIPRMbUCzFJSJnW_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfZazekATRPrtXrHuppdVIKIT9HpgGsU4G6OTFoAzFmYKxu1xVKLH1odJugRYIRPpMwrRhPehxqvlpxP0VPhKHIWPWxeNkbD4-2FSPariOKg5x5ZqNSwoSmz27dK-2FtYODZh1t615s8PO-2F8un-2FDFcBBfguQ-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>Advanced Patterns React</span></a></b><a class="link" href="https://link.mail.beehiiv.com/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9Ka4qdWeUMHbCfmhVHt2AqzQqKZQhnhoOly6swParcD0FvVj6hjyioBNqjLX-2BDZZ5XuMooDi0mW7SvvdVIS-2BXUMiHDiv-2BYWhyvdBSGilMupVPWDoocfa-2BsJA6Dvog9yvJHPjDuWWS754Gx9zjtPAkZhwn4xMDjFm5iOkcp60nMKPGhMlSxnkZDvtXPYiIZqA5Jq9o9EcOf3AJLEl8Pa2CajgMPwFYzrglkIPRMbUCzFJWKfV_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfnv8PSaHAvwGqWWzex92cuDV9mJN3T9lcP-2F7G2oGnRpRxoEOAnZZ5ebVdzpx-2FU4LWw900-2Bbt-2BYiR4blO5nq7a7-2FZsh0g8R9xEVR6kumxDRLbyskBWviT1xWLyt9j918bm7EoekUnx2iML-2BMBzj5bOJg-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>.</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/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9Ka4qdWeUMHbCfmhVHt2AqzQqKZQhnhoOly6swParcD0FvVj6hjyioBNqjLX-2BDZZ5XuMooDi0mW7SvvdVIS-2BXUMiHDiv-2BYWhyvdBSGilMupVPWDoocfa-2BsJA6Dvog9yvJHPjDuWWS754Gx9zjtPAkZhwn4xMDjFm5iOkcp60nMKPGhMlSxnkZDvtXPYiIZqA5Jq9o9EcOf3AJLEl8Pa2CajgMPwFYzrglkIPRMbUCzFJjoXM_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfNnqBDUqyQBy-2FRn3mvTpJVOAlHZJ5q8rK-2Fw7auh9-2BfsYMQvpegFQ-2FEIhVeOl9p1z-2BtIkZGSCx51ydIX9t2S7ez1cQGoX8UlQWSH2GMQ112HkjSlOZH-2BCBsRhGYwIe7Y0BlkJxvHY3k3x5YucElXaDVA-3D-3D" target="_blank" rel="noopener noreferrer nofollow"><span>Check out the full course here</span></a></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%;"> Got questions or feedback? Just hit reply, I'm here to help. </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 </p></td></tr></table></td></tr></table></td></tr><tr><td align="center" valign="top"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><tr><td class="b" align="center" valign="top" bgcolor="#030712" style="padding:0px 0px 0px 0px;border-style:solid;border-width: 0px 0px 0px 0px;border-color: #FFFFFF;border-bottom-left-radius:10px;border-bottom-right-radius:10px;"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" valign="top" bgcolor="#a6825a" style="padding:12px"><table role="none" width="100%" border="0" cellspacing="0" cellpadding="0" align="center"><tr><td><span style="padding-left:1px;"></span></td><td align="center" valign="middle" width="75" style="width:75px;"><a href="https://link.mail.beehiiv.com/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9GGxwM96eQbd0lu7oIx5MD1KobHP6TGDwFn7R32-2FREpxJw-2BuxMz92F1dilGhYGNp1-2BfGt48qCj6R55oEqD2tiPHeQo38krwd8Xv3WPySw6uOxfCH2Ok-2FOhx12v-2FP-2FkOZXSD18CcJliZK-2BxBjLWcMvroY5Vm1B2LEhTWkDzOu6ghlGA5i7k-2FF03GslDUuArP-2Fgw-3D-3DH99a_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfbfcGf-2F8MzWkk46jAgaCnbipK1xdIDu54b4W9HP2-2Fdt6-2F9QMfNPn2fG4-2F0WDRjGFsp6Z-2F45ZOOUWGsoXBp-2BhxzDLewrL4QrDbc4FwUOv3UFY9RzsnDOY61CksvLKEmXyPwt5aXg3j3ZBFLR37c7JXiQ-3D-3D" 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/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9JDNntLr6wlKbHz9T6LOwNLgRww025yDiOxuqqgt2z7oJ9M6lQUNQxtW3eK5p9eavygzp7KD-2BewGFi1VQxw-2FM2zIRtiJWT5WQ27DMaw8cqFwgyK5D3i9Ejo-2ByvtERhFBdOgrJgAzl0JP4d2Lrz-2Fh9PR3DIf8a4REo5ElOMEVLrx-2FzDCUqn6HnBf15emAi-2BO5HN152eTOHyrTc5tJ6VblIfIc-2FMMeMlnCKhWGCFKPIyhaz6si25-2FUVhu5kLBarY3U-2F-2BqAUBNHS32bcUmr1I7a5VFd2Dn09IV05XMkQ51da6w2P-2F9iifRmfvltGn-2FA9-2FmQIiROmTOZ76n4QCnkqPYx25xhEWWdRrD97OmUKQeqP1hlctNpf-2FZ4-2B8Uq6PiioLt9t0SI7u9FLkj9GemPUUkpNyoPs-2BZGe2WwhO5aTdEUxdYkV3ANEw-2FSo4mqTBQynSCQCpNCFmh3VHT6jOrtH-2Bz3Z-2BVJBTS1725-2BcvrqKTk923FR3q9LdExSrh2O8IEGgc-2FYn8tsokGcWzY8drvClvaM1Z5rQSMWKV0pV0wlF4f-2BtTe9bEgvvzBaZeO99aXISwRjlxDxwpCR89LmCXhZyxv7FqYRiHZC3Gpa1PmgUowbHR5YkXlAB7T2ZOF4eelQusz4B58SPmfEUEk1qkeEanDTdC8SBsL4pyybEO5u039mUm-2BEg6jiAPTFJ5kdXMQnTKxwU9mj2s5c-2BOWX8-2Bvo-2BIVwEU9kzjoyDAItJf0mscVFHAZF11fN_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlf3Yq8vIsWNQUxSNVKxQNxb-2FnUNRMX1Ek0US-2Fp2zT3Dt1-2Bs-2F-2F9t4vP5hMxnzkoHztJFQ6kImYMbeW6u2Us0NhX1Dyh2PzLhkO6pxlikQH030ZaEaVTIMdhNXaWpcxHOqRstGF-2FwAb0rZP0AbTcK-2Ft-2FDw-3D-3D" style="text-decoration:underline;text-decoration-color:#FFFFFF!important;color:#FFFFFF!important;"> here</a></p><p class="copyright" style="font-family:'Verdana',Geneva,sans-serif;color:#FFFFFF!important;"> © 2025 Import React </p><p style="font-family:'Verdana',Geneva,sans-serif;color:#FFFFFF!important;"> 228 Park Ave S, #29976, New York, New York 10003, United States </p></td></tr><tr><td align="left" valign="top" height="2" style="height:2px;"><a href='https://link.mail.beehiiv.com/ls/click?upn=u001.hNypL3L8TokyM5Rky05o9Ci4OYy2TizAXnCjo1FKpv0mZ5ul8vdFlzmdV9hvTCDqRSf0irzXFesKtt8ctY1-2FxYPHZ3EXS7ovYSGd5GzgTus-3DzUUi_2pv9X20uw9-2BKo8fIdy0J8-2FiGKYTUvtcSuvFh1aGIl0yzP4FvP-2BTiVmOST7Re4R7jVTuNfOE4ta8SNgc8L3nm5lJMRM6kPuFKT5cO9s87dB-2FzXL9aqqeqJFMWQmVzwead-2BDqih12J5zqW7wAP4ws0-2F0Cyt6WbepsO7c5ZOeTfkheepZXOhMNCYSIkOXcCEmzAgI8Pm892JVgrccPh2TA-2FtTkD2FvlEOaqstGKu3aHJK7bWCvjuh7t-2BmmmrxZrm4HIDEKBxRbgVadse7cRg9abbkvuIy2ApMavEbqD-2FyPzS4sOstcRxxbc0FTKymr4HzpyZUh7zonMckYFNgkjl6vps4-2B4M6EvNzbeEWh-2BdlgMQpBLLFYUnw7KRbi2-2FUVuA3JClVk4JWkKEsYJchRRpJe1KqkIgLy02r-2B2y-2FLJuVXcUcCfLEy2h515Y2XoDtukQFxR2zg0DUMJz-2FkT6x-2FWDburaStf15y95x-2Bpqz8KClnY4htlo1f5H6gsMH1cijL3lu8quXN-2BMcZQdJuw63h7uH8j1bkDtwYgSM-2FCSBzQRt-2BiqUNpWbsfAAvEkw-2BkJVE1zRlfd4drJpjGvPC6lT-2FGbwElLuguN0QbKYNcMF8VOqj77-2FutLlYzuvrlawF2BvxJqngrg054C7n1zsat7PZ3o9rQ1hA0kyeaWLnqQPBKcuzCoO23j3zuqjHXxbciHpygWcXlOBh2XljNUYj8LMEmUS7nUw-3D-3D' style="color: #030712 !important; cursor: default; font-size: 1px; text-decoration: none;"> Terms of Service </a></td></tr></table></td></tr></table></td></tr></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div></body></html>