Search
Search tips
remix router- both words
"route pattern"- the exact phrase
-legacy- leave a word out
remix OR react- either word
title:forms- a word in the title
tag:"react router"- tutorials with a tag
tag:"remix@3.0.0"- a tag at that version or a newer compatible one
kind:tutorial- article, tutorial, glossary or bookmark
lang:es- posts in a language
Filters alone, like tag:remix, list the newest posts first.
11โ20 of 25 results
- ๐ ๏ธ
Your app most likely will need to show a not found error screen in case the user type an incorrect URL. Or sometimes the URL is correct but โฆ
- ๐ ๏ธ
Trigger File Downloads from React Router Loaders and Actions
Let's say you need to dynamically generate a file, like an XML, CSV or PDF, how could you trigger a download? There are two ways to do it โฆ
- ๐ ๏ธ
Serve User-Specific Stylesheets in React Router
In some cases, you may need to dynamically load styles based on user preferences or organizational settings. For example, an organization might customize the UI for its members, โฆ
- ๐ ๏ธ
Split a React Router Route Config across Multiple Files
When your application grows, your routes.ts file can become large and difficult to manage. You can split your routes.ts file into multiple files to make it easier to โฆ
- ๐ ๏ธ
Reuse route modules in React Router
Sometimes you may need to use the same route module in multiple paths, imagine you're building a modal route, you need this modal route to be on /modal โฆ
- ๐ ๏ธ
Access React Router's loader data from a route ErrorBoundary
Use useRouteLoaderData hook to access route loader data inside ErrorBoundary components when handling errors.
- ๐ ๏ธ
Access React Router's Loaders Data in entry.client
Access loader data from entry.client.tsx using the global window.__reactRouterContext object before hydrating your app.
- ๐ ๏ธ
Pass Cookies from a React Router Loader to an External API
Forward browser cookies to external APIs by passing request headers through fetch calls.
- ๐ ๏ธ
Prevent the React Router Loader to Run after Document Request
Use clientLoader to prevent server loader execution during client-side navigation while keeping it on document requests.
- ๐ ๏ธ
Access the Search Params of a Request in React Router
Learn how to access URL search params in React Router loaders and components using the URL and URLSearchParams APIs.