Email: Your URLs can do more than you think

Subject:
Your URLs can do more than you think
Received:
11/14/2025, 12:26:42 AM
From:
"Epic Web" <team@epicweb.dev>
To:
salmon.fork.67@rss.andrealin.it
&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style&gt;.ck-link { text-decoration: underline; }&lt;/style&gt;
&lt;style&gt;@media only screen { .email * { word-break: break-word; } }
@media screen and (max-width: 384px) { .mail-message-content { width: 414px !important; } }
@media only screen and (max-width:600px) { .ck-mobile-font-size { font-size:50px !important; }  }&lt;/style&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div class="message-content" style="font-size:16px;max-width:600px;padding:10px 20px 20px 20px"&gt;
  &lt;table cellpadding="0" cellspacing="0" style="width:100%;margin:0 auto"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td&gt;
&lt;p class="" style="margin-bottom:1em"&gt;Hey Andrea,&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;State management can get complicated fast 🙃 Redux, context, localStorage, custom stores… there are a tons of ways to do it.&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;But for things your users should be able to &lt;em&gt;share,&lt;/em&gt; like filters, searches, and view preferences the simplest solution is often right in front of you: &lt;strong&gt;the URL&lt;/strong&gt;.&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;In this &lt;a href="https://click.kit-mail6.com/lmulxq6dprsmhnr36zqi6h8kvqv00igh4xov/dphehmue8g7403cm/aHR0cHM6Ly93d3cuZXBpY3dlYi5kZXYvdGlwcy91cmwtYXMtdGhlLXNvdXJjZS1vZi10cnV0aH4wbjNmag==" target="_blank" class="ck-link" rel="noopener noreferrer" url-id="1805276951"&gt;new tip&lt;/a&gt;, Alem shows how to use the URL to manage search state in a React Router app.&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;He walks through how to:&lt;/p&gt;
&lt;ul class="unordered_list"&gt;
&lt;li class="list_item"&gt;&lt;span&gt;Read search params with &lt;code&gt;useSearchParams&lt;/code&gt;&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item"&gt;&lt;span&gt;Use the &lt;code&gt;&lt;Form&gt;&lt;/code&gt; component to submit search queries to a route&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item"&gt;&lt;span&gt;Persist the search value in the URL instead of local state&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item"&gt;&lt;span&gt;Filter products on the server in the loader based on the URL’s &lt;code&gt;q&lt;/code&gt; param&lt;/span&gt;&lt;/li&gt;
&lt;li class="list_item"&gt;&lt;span&gt;Share the exact same filtered results simply by copying the link&lt;/span&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;table width="100%" border="0" cellspacing="0" cellpadding="0" style="text-align:center;table-layout:fixed;float:none" class="email-image"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td align="center"&gt;&lt;figure style="margin-top:12px;margin-bottom:12px;margin-left:0;margin-right:0;max-width:800px;width:100%"&gt;&lt;div style="padding-bottom:10px;display:block"&gt;&lt;img src="https://embed.filekitcdn.com/e/xpcVJ86QdonnRMFaJVRKG7/2T4CurFKbadRiUBc6G24Ku/email" width="800" height="auto" style="max-width:100%;height:auto;border-radius:4px 4px 4px 4px;width:800px;height:auto;object-fit:contain"&gt;&lt;/div&gt;
&lt;figcaption style="text-align:center;display:none"&gt;&lt;/figcaption&gt;&lt;/figure&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
&lt;p class="" style="margin-bottom:1em"&gt;This approach makes it easy for users to send each other the exact page state they’re looking at.&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;If you want to learn more techniques like this and get comfortable building with React Router, join Alem for &lt;strong&gt;React Router Fundamentals – Painting the Screen&lt;/strong&gt;, a live 2-day workshop where you’ll explore the fundamentals of React Router’s Framework Mode, work on building an e-commerce store, and learn how to use metadata, loaders, and data-fetching to present data effectively.&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;&lt;a href="https://click.kit-mail6.com/lmulxq6dprsmhnr36zqi6h8kvqv00igh4xov/e0hph0u7qgnp79t8/aHR0cHM6Ly93d3cuZXBpY3dlYi5kZXYvZXZlbnRzL3JlYWN0LXJvdXRlci1mdW5kYW1lbnRhbHMtcGFpbnRpbmctdGhlLXNjcmVlbi0xMi0xMC0yMDI1" target="_blank" class="ck-link" rel="noopener noreferrer" url-id="1805276952"&gt;&lt;strong&gt;✨ Save 30% during early bird. ✨&lt;/strong&gt;&lt;/a&gt;&lt;/p&gt;
&lt;p class="" style="margin-bottom:1em"&gt;See you in the workshop,&lt;br&gt; — The Epic Web Team&lt;/p&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;
  &lt;br&gt;
  &lt;br&gt;
  &lt;small&gt;
&lt;a href="https://click.kit-mail6.com/lmulxq6dprsmhnr36zqi6h8kvqv00igh4xov/wnhxxrqwi6uqxpo5q5c7/aHR0cHM6Ly9rZW50Y2RvZGRzLmNvbS8_bWVzc2FnZT1Zb3UlMjBoYXZlJTIwYmVlbiUyMHVuc3Vic2NyaWJlZCUyMGZyb20lMjBFMkUlMjBSZWFjdCUyMFdpdGglMjBGdW5kYW1lbnRhbHMlMjBMaXZlJTIwV29ya3Nob3AlMjAyMDI1JTIwRW1haWxz" trigger-id="4505827" url-id="1805276953"&gt;Unsubscribe from React Router fundamentals Live Workshop 2025 Emails&lt;/a&gt; or &lt;a href="https://unsubscribe.kit-mail6.com/lmulxq6dprsmhnr36zqi6h8kvqv00igh4xov" class="unsubscribe-link"&gt;Unsubscribe from everything&lt;/a&gt;
    &lt;br&gt;&lt;br&gt;
    P.O. Box 562, American Fork, Utah 84003
  &lt;/small&gt;
&lt;/div&gt;

&lt;!-- --&gt;
&lt;img src="https://open.kit-mail6.com/lmulxq6dprsmhnr36zqi6h8kvqv00igh4xov" alt=""&gt;
&lt;/body&gt;
&lt;/html&gt;
Email Content
