Sergio Xalambrรญ

Search

Top 6 of 25 results

  1. ๐Ÿ› ๏ธ

    Cancel `useFetcher().load()` Requests on Unmount in React Router

    Abort stale `useFetcher().load()` requests on unmount so loaders and upstream fetches stop early.

  2. ๐Ÿ› ๏ธ

    Create a Per-Request Database Instance with Middleware

    Manage database lifecycle with React Router middleware, ensuring connections close even when errors occur.

  3. ๐Ÿ› ๏ธ

    Use Sec-Fetch Headers for CSRF Protection

    Protect your React Router app from CSRF attacks using browser Sec-Fetch headers in middleware.

  4. ๐Ÿ› ๏ธ

    Transform FormData Between UI and Database in React Router

    Transform form data to database objects and back using actions and loaders with proper separation of concerns.

  5. ๐Ÿ› ๏ธ

    Build a Nested Master-Detail View with Redirects in React Router

    Create a master-detail interface that adapts based on how users access it, full context when browsing, focused when direct.

  6. ๐Ÿ› ๏ธ

    Stream Shared Promise Results in React Router

    Learn how React Router's built-in deduplication system uses references to eliminate duplicate data transmission when combining promises in y

See all 25 results โ†’

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

  1. ๐Ÿ› ๏ธ

    Show a 404 in React Router

    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 โ€ฆ

  2. ๐Ÿ› ๏ธ

    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 โ€ฆ

  3. ๐Ÿ› ๏ธ

    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, โ€ฆ

  4. ๐Ÿ› ๏ธ

    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 โ€ฆ

  5. ๐Ÿ› ๏ธ

    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 โ€ฆ

  6. ๐Ÿ› ๏ธ

    Access React Router's loader data from a route ErrorBoundary

    Use useRouteLoaderData hook to access route loader data inside ErrorBoundary components when handling errors.

  7. ๐Ÿ› ๏ธ

    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.

  8. ๐Ÿ› ๏ธ

    Pass Cookies from a React Router Loader to an External API

    Forward browser cookies to external APIs by passing request headers through fetch calls.

  9. ๐Ÿ› ๏ธ

    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.

  10. ๐Ÿ› ๏ธ

    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.