DEV Community

Cover image for Nested Dynamic Routes in React Router v6 🎯
Akram A. Abdelbasir
Akram A. Abdelbasir

Posted on • Edited on

Nested Dynamic Routes in React Router v6 🎯

When I first started to develop my portfolio, I fetched GitHub Repos and ran into the issue of needing to present the repo data when clicking on the repo name precisely as seen in the image below.

Nested Dynamic Routes in React Router v6 Gif image

If you look closely, you'll see that the URL is dynamically altered to reflect the chosen repository's name and the proper repo data is rendered. The term "dynamic routing" refers to this behavior.

I came up with this Sandbox demo example to help you better understand this type of behavior.

Top comments (0)