Skip to main content

Menu

Home
GitHub(opens in a new tab)

React Router

React Router Home

Getting Started

Picking a Mode

Framework Mode

Installation
Routing
Route Module
Rendering Strategies
Data Loading
Actions
Navigating
Pending UI
Testing
Deploying

Data Mode

Installation
Routing
Route Object
Data Loading
Actions
Navigating
Pending UI
Custom Framework
Testing

Declarative Mode

Installation
Routing
Navigating
URL Values

Upgrading

Future Changes
Updating from v7
Framework Adoption from Component Routes
Framework Adoption from RouterProvider

Components

Await
Form
Link
Links
Meta
Navigate
NavLink
Outlet
PrefetchPageLinks
Route
Routes
Scripts
ScrollRestoration

Hooks

Framework Conventions

root.tsx
routes.ts
react-router.config.ts
entry.client.tsx
entry.server.tsx
.client modules
.server modules

Framework Routers

HydratedRouter
ServerRouter

Data Routers

createBrowserRouter
createHashRouter
createMemoryRouter
createStaticHandler
createStaticRouter
preloadRoutePattern
RouterProvider
StaticRouterProvider

Declarative Routers

BrowserRouter
HashRouter
HistoryRouter
MemoryRouter
Router
StaticRouter

RSC (Unstable)

createCallServer
getRSCStream
matchRSCServerRequest
routeRSCServerRequest
RSCHydratedRouter
RSCStaticRouter

Utils

createContext
createCookie
createCookieSessionStorage
createMemorySessionStorage
createPath
createRoutesFromElements
createRoutesStub
createSearchParams
data
generatePath
href
isCookie
IsCookieFunction
isRouteErrorResponse
isSession
IsSessionFunction
matchPath
matchRoutes
parsePath
redirect
redirectDocument
renderMatches
replace
resolvePath
RouterContextProvider

Other API

@react-router/{adapter}
@react-router/dev (CLI)
@react-router/serve

Tutorials

Quick Start
Address Book

How-Tos

Accessibility
Client Data
Custom Fetch
Data Strategy
Error Boundaries
Error Reporting
File Route Conventions
File Uploads
Form Validation
HTTP Headers
Instrumentation
Middleware
Navigation Blocking
Pre-Rendering
Presets
React Server Components
Resource Routes
Revalidation Optimization
Route Discovery
Route Module Type Safety
Security
Server Bundles
Single Page App (SPA)
Status Codes
Streaming with Suspense
Using Fetchers
Using handle
View Transitions

Explanations

Automatic Code Splitting
Backend For Frontend
Form vs. fetcher
Hot Module Replacement
Index Query Param
Lazy Route Discovery
Network Concurrency Management
Progressive Enhancement
Race Conditions
React Transitions
Sessions and Cookies
State Management
Styling
Type Safety

Community

API Development Strategy
Contributing

Pending UI

Pending UI

Pending UI is the same as Framework Mode, please see the Pending UI guide for more information.

Next: Custom Framework

Adapted from reactrouter.com/start/data/pending-ui by React Training LLC, Remix Software Inc., Shopify Inc., licensed under MIT. Changes were made: this page is re-rendered from the original's source.

PreviousNavigating NextCustom Framework

Translation © 2026 fanyi.dev · Original © 2026 React Training LLC, Remix Software Inc., Shopify Inc. (MIT)

Wide content