# react-router | Remix | Knowledge Base | Instagit

Declarative routing for React

GitHub Stars: 56.3k

Repository: https://github.com/remix-run/react-router

---

## Articles

### [React Router v5 vs v7 Data Loading: From Component Fetching to Route Loaders](/remix-run/react-router/differences-between-react-router-v5-and-v7-data-loading)

Compare React Router v5 component fetching with v7 route loaders. Discover v7s automatic concurrency, fetcher persistence, and type safety for efficient data loading.

- Tags: deep-dive
- Published: 2026-03-06

### [How React Router Integrates with Framework Tooling: The Complete Guide to @react-router/dev](/remix-run/react-router/how-react-router-integrates-with-framework-tooling)

Discover how @react-router/dev integrates React Router with Vite for zero-config SSR, auto code-splitting, HMR, and build manifests. Enhance your React development workflow.

- Tags: deep-dive
- Published: 2026-03-06

### [What Events Does the React Router Internal Event Manager Listen For? A Complete Technical Guide](/remix-run/react-router/what-events-does-react-router-event-manager-listen-for)

Discover the six events React Router's internal event manager monitors from browser APIs and internal AbortControllers to manage navigation and hydration effectively. Learn more.

- Tags: deep-dive
- Published: 2026-03-06

### [How Nested Routes Are Handled in React Router's Data Loading: A Deep Dive into the Source Code](/remix-run/react-router/how-are-nested-routes-handled-in-react-routers-data-loading)

Explore how React Router handles nested routes and data loading by treating the route hierarchy as a tree and executing loaders in parent-first order. Learn more about merged data maps.

- Tags: deep-dive
- Published: 2026-03-06

### [React Server Components (RSC) Strategies in React Router: Framework vs Data Mode Explained](/remix-run/react-router/what-are-rsc-strategies-in-react-router)

Explore React Router RSC strategies: Framework Mode for Vite and Data Mode for custom bundlers. Understand the entry files and core APIs for efficient server rendering.

- Tags: deep-dive
- Published: 2026-03-06

### [How React Router's Internal Store Manages Route Data: A Deep Dive into RouterState](/remix-run/react-router/how-react-routers-internal-store-manages-route-data)

Explore how React Router's internal store uses an immutable RouterState object to manage route data, updated on navigation and accessed via hooks like useLoaderData.

- Tags: deep-dive
- Published: 2026-03-06

### [How to Manually Trigger Route Revalidation in React Router](/remix-run/react-router/how-to-manually-trigger-route-revalidation-in-react-router)

Manually trigger route revalidation in React Router with useRevalidator or router.revalidate(). Force loaders to re-run without navigating and keep your app data fresh.

- Tags: how-to-guide
- Published: 2026-03-06

### [How React Router Uses React Context for State Management: Complete Architecture Guide](/remix-run/react-router/how-react-router-leverages-react-context-for-state-management)

Discover how React Router uses React Context for state management. Explore its architecture with DataRouterContext NavigationContext and RouteContext to avoid prop drilling and broadcast router state effectively.

- Tags: architecture
- Published: 2026-03-06

### [createBrowserRouter vs createMemoryRouter: Key Differences in React Router](/remix-run/react-router/differences-between-create-browser-router-and-create-memory-router)

Explore the key differences between createBrowserRouter and createMemoryRouter in React Router. Understand when to use each for DOM or testing environments.

- Tags: deep-dive
- Published: 2026-03-06

### [How React Router Handles Errors During Data Loading: A Deep Dive into Boundary-Based Error Capture](/remix-run/react-router/how-react-router-handles-errors-during-data-loading)

Discover how React Router captures and handles data loading errors. Learn about error boundaries and the error response process for seamless application error management.

- Tags: deep-dive
- Published: 2026-03-06

### [What Are Route IDs in React Router's Data Loading System?](/remix-run/react-router/role-of-route-ids-in-react-router-data-loading-system)

Learn how route IDs uniquely identify and manage data side effects like loader results and action responses in React Router's data loading system. Understand their central role in state management.

- Tags: internals
- Published: 2026-03-06

### [How the `useFetcher` Hook Enables Background Data Operations in React Router](/remix-run/react-router/how-does-use-fetcher-hook-enable-background-data-operations)

Discover how the useFetcher hook in React Router allows background data operations without navigation. Load, submit, and reset data seamlessly while staying on your current route.

- Tags: internals
- Published: 2026-03-06

### [How to Use the useLoaderData Hook in React Router: A Complete Guide](/remix-run/react-router/how-does-use-loader-data-hook-work-in-react-router)

Master the useLoaderData hook in React Router. Learn how to retrieve loader function return values for efficient data handling in your application. Get the complete guide now.

- Tags: how-to-guide
- Published: 2026-03-06

### [Understanding React Router's Core Routing Logic: Key Source Files Explained](/remix-run/react-router/key-source-files-for-react-router-core-routing-logic)

Explore React Router's core routing logic by diving into key source files like router.ts for API and state, utils.ts for matching, and history.ts for navigation. Understand the engine behind your app.

- Tags: internals
- Published: 2026-03-06

### [How React Router Supports Server Side Rendering (SSR): The Complete Guide](/remix-run/react-router/how-does-react-router-support-server-side-rendering)

Learn how React Router supports Server Side Rendering pre-executing data loaders on the server and hydrating client-side for faster performance. Get the complete guide.

- Tags: deep-dive
- Published: 2026-03-06

### [How to Implement View Transitions in React Router: A Complete Guide](/remix-run/react-router/what-are-view-transitions-in-react-router)

Learn how to implement smooth view transitions in React Router using the native View Transitions API. Animate DOM changes seamlessly for a better user experience.

- Tags: how-to-guide
- Published: 2026-03-06

### [How React Router Manages Navigation State Internally: The Complete Architecture Guide](/remix-run/react-router/how-does-react-router-manage-navigation-state-internally)

Discover how React Router manages navigation state internally. Learn about its state machine, router instances, and how it updates subscribers for seamless navigation.

- Tags: architecture
- Published: 2026-03-06

### [What Is a Fetcher in React Router and How It Differs from Navigation Loaders](/remix-run/react-router/what-is-a-fetcher-in-react-router)

Discover React Router fetchers. Learn how they let components invoke loaders and actions independently of navigation, maintaining separate states without URL changes. Understand this key data-fetching primitive.

- Tags: deep-dive
- Published: 2026-03-06

### [How React Router Handles Form Actions for Data Mutations](/remix-run/react-router/how-does-react-router-handle-form-actions-for-data-mutations)

Discover how React Router manages form actions for data mutations. Learn about its specialized pipeline for validation, action execution, and state updates.

- Tags: deep-dive
- Published: 2026-03-06

### [React Router Data Router Architecture: A Deep Dive into the Core Engine](/remix-run/react-router/what-is-the-architecture-of-react-routers-data-router)

Explore the React Router data router architecture. Discover how its three layers orchestrate loaders, actions, and SSR through a unified navigation pipeline for efficient data handling.

- Tags: architecture
- Published: 2026-03-06

### [How Loaders Are Implemented in React Router for Declarative Data Fetching](/remix-run/react-router/how-are-loaders-implemented-in-react-router-for-declarative-data-fetching)

Discover how React Router implements loaders for declarative data fetching. Learn to use loader functions and the useLoaderData hook to streamline data handling in your React applications.

- Tags: internals
- Published: 2026-03-06

### [Understanding the Different Router Modes in React Router: Declarative, Data, and Framework Explained](/remix-run/react-router/what-are-different-router-modes-in-react-router)

Explore React Router modes: Declarative, Data, and Framework. Choose the right setup for your SPA or full-stack application needs.

- Tags: deep-dive
- Published: 2026-03-06

### [How React Router's Route Matching Algorithm Works Internally](/remix-run/react-router/how-react-routers-route-matching-algorithm-works-internally)

Uncover React Router's route matching algorithm. Learn how it ranks and sorts routes to find the first URL match efficiently, optimizing your application's navigation.

- Tags: internals
- Published: 2026-03-06