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.

21โ€“25 of 25 results

  1. ๐Ÿ› ๏ธ

    Use TanStack Query to Share Data between React Router Loaders

    Share data between React Router loaders efficiently using TanStack Query to avoid duplicate fetches and improve performance.

  2. ๐Ÿ› ๏ธ

    Set Multiple Cookies in the Same Response in React Router Loaders

    Set multiple Set-Cookie headers in loader responses using header arrays or the Headers.append method.

  3. ๐Ÿ› ๏ธ

    Downgrade to MPA if Users Prefer Reduced Data in React Router

    Detect the Save-Data header and conditionally disable client-side JavaScript to reduce data usage.

  4. ๐Ÿ› ๏ธ

    Progressively Enhance the useFetcher Hook in React Router

    Support both JavaScript and no-JavaScript users by detecting hydration state in fetcher forms.

  5. ๐Ÿ› ๏ธ

    Destroy User Session and While Setting a Flash Message in React Router

    Set flash messages while destroying user sessions using cookie or database session storage.