DEV Community 👩‍💻👨‍💻

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

Posted on • Updated 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 (1)

5 Websites To Learn Frontend Web Development Faster

In this article, Bentil Shadrack has curated 5 resourceful sites that will help you better you web development skills really fast.