How I added Parallel Routing to React Router v6 — Introducing parallel-router 🚀

Nahid Salekin — Wed, 22 Oct 2025 16:15:11 +0000

When working with React Router v6, I found myself wishing for a feature that doesn’t exist — parallel routes.
If you’ve ever tried building a dashboard or chat app where two routes’ contents should coexist on one page (like a sidebar + detail view), you’ve probably hit this limitation too.

That’s why I built parallel-router
— a lightweight solution that lets you render multiple independent routes simultaneously.

💡 The Problem

React Router v6 is amazing, but it doesn’t natively support rendering two distinct route outlets at once.
You’re often forced into deeply nested structures or complex state juggling just to simulate it.

⚙️ The Solution

parallel-router introduces a wrapper that allows multiple route contexts to exist side by side:

<ParallelRouter> <Route path="/users" element={<UserList />} /> <Route path="/users/:id" element={<UserProfile />} /> </ParallelRouter>

This makes it super easy to create layouts like:

Chat apps (list + conversation)

Dashboards (menu + content)

Multi-view editors

📦 Try it out:

🔗 NPM: https://www.npmjs.com/package/parallel-router

🔗 Docs & Demo: https://salekin02.github.io/parallel-router

🔗 GitHub: https://github.com/salekin02/parallel-router

🧠 What’s next

I’m planning to extend support for other versions of React Router and would love your feedback on what features you’d like to see next!

If you find it useful, a ⭐ on GitHub would mean a lot 💛
or you can support me at buymeacoffee.com/salekin02

Forem: Nahid Salekin

How I added Parallel Routing to React Router v6 — Introducing parallel-router 🚀