diff --git a/docs/router/framework/react/comparison.md b/docs/router/framework/react/comparison.md index a6b61e59f0..140120e37b 100644 --- a/docs/router/framework/react/comparison.md +++ b/docs/router/framework/react/comparison.md @@ -1,5 +1,5 @@ --- -title: Comparison | TanStack Router & TanStack Start vs Next.js vs React Router / Remix +title: Comparison | TanStack Router vs Next.js vs React Router toc: false --- @@ -17,10 +17,10 @@ Feature/Capability Key: - 🔶 Possible, but requires custom code/implementation/casting - 🛑 Not officially supported -| | TanStack Router / Start | React Router DOM [_(Website)_][router] | Next.JS [_(Website)_][nextjs] | +| | TanStack Router | React Router [_(Website)_][react-router] | Next.JS [_(Website)_][nextjs] | | ---------------------------------------------- | ------------------------------------------------ | ----------------------------------------------------- | ----------------------------------------------------- | -| Github Repo / Stars | [![][stars-tanstack-router]][gh-tanstack-router] | [![][stars-router]][gh-router] | [![][stars-nextjs]][gh-nextjs] | -| Bundle Size | [![][bp-tanstack-router]][bpl-tanstack-router] | [![][bp-router]][bpl-router] | ❓ | +| Github Repo / Stars | [![][stars-tanstack-router]][gh-tanstack-router] | [![][stars-react-router]][gh-react-router] | [![][stars-nextjs]][gh-nextjs] | +| Bundle Size | [![][bp-tanstack-router]][bpl-tanstack-router] | [![][bp-react-router]][bpl-react-router] | ❓ | | History, Memory & Hash Routers | ✅ | ✅ | 🛑 | | Nested / Layout Routes | ✅ | ✅ | 🟡 | | Suspense-like Route Transitions | ✅ | ✅ | ✅ | @@ -77,20 +77,17 @@ Feature/Capability Key: | React Server Components | 🛑 | 🟡 (Experimental) | ✅ | | `
` API | 🛑 | ✅ | ✅ | +[stars-tanstack-router]: https://img.shields.io/github/stars/tanstack/router?style=flat&logo=github&color=%2310b981 +[gh-tanstack-router]: https://github.com/tanstack/router [bp-tanstack-router]: https://badgen.net/bundlephobia/minzip/@tanstack/react-router [bpl-tanstack-router]: https://bundlephobia.com/result?p=@tanstack/react-router -[gh-tanstack-router]: https://github.com/tanstack/router -[stars-tanstack-router]: https://img.shields.io/github/stars/tanstack/router?label=%F0%9F%8C%9F [_]: _ -[router]: https://github.com/remix-run/react-router -[bp-router]: https://badgen.net/bundlephobia/minzip/react-router -[gh-router]: https://github.com/remix-run/react-router -[stars-router]: https://img.shields.io/github/stars/remix-run/react-router?label=%F0%9F%8C%9F -[bpl-router]: https://bundlephobia.com/result?p=react-router -[bpl-history]: https://bundlephobia.com/result?p=history +[react-router]: https://reactrouter.com +[stars-react-router]: https://img.shields.io/github/stars/remix-run/react-router?style=flat&logo=github&color=%23F44250 +[gh-react-router]: https://github.com/remix-run/react-router +[bp-react-router]: https://badgen.net/bundlephobia/minzip/react-router +[bpl-react-router]: https://bundlephobia.com/result?p=react-router [_]: _ [nextjs]: https://nextjs.org/docs/routing/introduction -[bp-nextjs]: https://badgen.net/bundlephobia/minzip/next.js?label=All +[stars-nextjs]: https://img.shields.io/github/stars/vercel/next.js?style=flat&logo=github&color=%23000 [gh-nextjs]: https://github.com/vercel/next.js -[stars-nextjs]: https://img.shields.io/github/stars/vercel/next.js?label=%F0%9F%8C%9F -[bpl-nextjs]: https://bundlephobia.com/result?p=next diff --git a/docs/start/framework/react/comparison.md b/docs/start/framework/react/comparison.md index 29122165d4..1aac0d9a8c 100644 --- a/docs/start/framework/react/comparison.md +++ b/docs/start/framework/react/comparison.md @@ -28,7 +28,7 @@ Feature/Capability Key: | | TanStack Start | Next.js [_(Website)_][nextjs] | React Router [_(Website)_][react-router] | | ----------------------------------------------------------------- | ------------------------------------------------ | --------------------------------------------- | ------------------------------------------ | | Github Repo / Stars | [![][stars-tanstack-router]][gh-tanstack-router] | [![][stars-nextjs]][gh-nextjs] | [![][stars-react-router]][gh-react-router] | -| Bundle Size | [![][bp-tanstack-router]][bpl-tanstack-router] | ❓ | ❓ | +| Bundle Size | [![][bp-tanstack-router]][bpl-tanstack-router] | ❓ | [![][bp-react-router]][bpl-react-router] | | -- | -- | -- | -- | | **Routing Features** [_(See Full Comparison)_][router-comparison] | ✅ Built on TanStack Router | ✅ File-based App Router | ✅ File-based Nested Routes | | -- | -- | -- | -- | @@ -322,16 +322,19 @@ While Next.js's production performance is excellent, the development experience - **React Router**: Production-ready, powers millions of apps, v7 Framework Mode is the evolution of Remix - **TanStack Start**: Release Candidate stage, feature-complete, rapidly stabilizing toward v1 +[stars-tanstack-router]: https://img.shields.io/github/stars/tanstack/router?style=flat&logo=github&color=%230891b2 +[gh-tanstack-router]: https://github.com/tanstack/router [bp-tanstack-router]: https://badgen.net/bundlephobia/minzip/@tanstack/react-router [bpl-tanstack-router]: https://bundlephobia.com/result?p=@tanstack/react-router -[gh-tanstack-router]: https://github.com/tanstack/router -[stars-tanstack-router]: https://img.shields.io/github/stars/tanstack/router?label=%F0%9F%8C%9F -[router-comparison]: /router/latest/docs/framework/react/comparison [_]: _ -[nextjs]: https://nextjs.org/ +[nextjs]: https://nextjs.org +[stars-nextjs]: https://img.shields.io/github/stars/vercel/next.js?style=flat&logo=github&color=%23000 [gh-nextjs]: https://github.com/vercel/next.js -[stars-nextjs]: https://img.shields.io/github/stars/vercel/next.js?label=%F0%9F%8C%9F [_]: _ -[react-router]: https://reactrouter.com/ +[react-router]: https://reactrouter.com +[stars-react-router]: https://img.shields.io/github/stars/remix-run/react-router?style=flat&logo=github&color=%23F44250 [gh-react-router]: https://github.com/remix-run/react-router -[stars-react-router]: https://img.shields.io/github/stars/remix-run/react-router?label=%F0%9F%8C%9F +[bp-react-router]: https://badgen.net/bundlephobia/minzip/react-router +[bpl-react-router]: https://bundlephobia.com/result?p=react-router +[_]: _ +[router-comparison]: /router/latest/docs/framework/react/comparison