Search

1–10 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.

   May 13, 26
2. 🛠️

   Create a Per-Request Database Instance with Middleware

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

   Mar 03, 26
3. 🛠️

   Use Sec-Fetch Headers for CSRF Protection

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

   Feb 23, 26
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.

   Oct 15, 25
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.

   Oct 03, 25
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

   Sep 25, 25
7. 🛠️

   Redirect Based on Screen Size in React Router

   Learn how to use a nested index route with a clientLoader in React Router to conditionally redirect based on screen size, ensuring a smooth

   Aug 13, 25
8. 🛠️

   Create Reusable Action Routes in React Router

   Learn how to structure server and client actions in React Router using a clear and scalable pattern. Centralize logic, handle forms, manage

   Jul 20, 25
9. 🛠️

   Debounce Loaders and Actions in React Router

   Debounce loaders and actions in React Router at the route level—cleaner code, better control, no extra wrappers needed.

   Apr 14, 25
10. 🛠️

    Enable and use middleware in React Router 7.3

    Enable middleware in React Router 7.3.0 to intercept requests and enhance loaders and actions on both server and client.

    Mar 08, 25