jotai vs react-router — pkgdocs

pkgdocs/compare/jotai vs react-router

Comparing

npm

jotai

Primitive and flexible state management for React based on atomic state units.

900K/ wk

v2.9.3

npm

react-router

Declarative client-side routing for React — maps URLs to components with nested routes, loaders, and actions.

11.0M/ wk

v7.1.1

Metric	jotai	react-router
Ecosystem	npm	npm
Difficulty	Beginner ✓	Intermediate
Weekly downloads	900K	11.0M↑
Latest version	v2.9.3	v7.1.1
Recipes	2	3↑

When to use each

jotai

React apps needing shared state without prop drilling, derived/computed state that updates automatically, fine-grained re-render control, per-route or per-feature isolated state.

react-router

Any React SPA needing URL-based navigation, nested layouts (dashboard sidebar + content), data loading tied to routes, form actions, protected routes.

When to skip each

jotai

Non-React environments (Jotai is React-only). Complex state machines (use XState). Apps already committed to Redux with large middleware ecosystems.

react-router

Next.js (use its file-based router). Remix (built on React Router but adds SSR). Very simple apps with only one or two views — a state variable suffices.

Sample recipes

jotai

Replace useState with a shared atom
Derived atom for computed state

react-router

Set up routing in a React app
Nested layouts with Outlet
Fetch data with a loader

jotai

react-router

Tags

When to use each

When to skip each

Sample recipes