React Router

Try it in 3 steps

1. 1

   Install pinned React Router 8.4.0

   Use Node.js 22.22 or later and install React Router plus exact peer dependencies in an isolated npm project.

   demo=$(mktemp -d "${TMPDIR:-/tmp}/react-router.XXXXXX") && cd "$demo" && npm init -y >/dev/null && npm install --save-exact react-router@8.4.0 react@19.2.8 react-dom@19.2.8Copy
2. 2

   Create a minimal URL-parameter route match

   Use the pure route-matching API to inspect a dynamic segment without starting a browser.

   printf '%s\n' "import { matchRoutes } from 'react-router'" "const matches=matchRoutes([{path:'/users/:id'}],'/users/42')" "console.log(matches?.[0]?.params.id)" > demo.mjsCopy
3. 3

   Verify the matched parameter

   Require /users/42 to produce route parameter id=42.

   test "$(node demo.mjs)" = '42'Copy

Built with

• TypeScript

Categories and tags

GitHub data

Share a guide or use case for this OSS in Markdown. Articles are published after administrator approval.

Explore next

• Next.js143,179 Stars

  3 shared tag(s) · 1 shared category(s)

  combine React routing, rendering, and server capabilities for full-stack web applications

  JavaScript
• Ant Design99,682 Stars

  3 shared tag(s) · Same language

  build enterprise React interfaces quickly with ready-made components, design tokens, theming, and internationalization

  TypeScript
• Storybook91,200 Stars

  3 shared tag(s) · Same language

  capture UI states once and reuse them across docs, interaction tests, and agent tooling

  TypeScript
• Zustand58,786 Stars

  3 shared tag(s) · Same language

  manage React state with provider-free hook stores and subscribe through selectors

  TypeScript
• Motion33,834 Stars

  3 shared tag(s) · Same language

  build web animation with gestures, springs, layout transitions, scroll effects, and timelines across React, JavaScript, and Vue

  TypeScript
• Expo52,566 Stars

  4 shared tag(s) · Same language

  build React Native apps for Android, iOS, and web from one project model

  TypeScript