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

[Sascha]

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:

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

Docs & Demo:

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

GitHub:

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

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

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.

Источник:

Пожалуйста Авторизируйтесь или Зарегистрируйтесь для просмотра скрытого текста.