Resume Builder Dev – React Sub-Routes | Nested Routing for Better App Structure

🔥 In Part 17 of the Resume Builder series, we implement React Sub-Routes to organize nested pages like dashboard, resume form sections, and admin tools under clean, scalable route paths.

✅ What you’ll learn in this video:
✔️ Setting up sub-routes using react-router-dom
✔️ Nesting components within parent routes
✔️ Creating layouts with <Outlet /> for shared UI (e.g., headers, sidebars)
✔️ Conditionally rendering content based on user role
✔️ Organizing pages like /dashboard/profile, /admin/users, etc.

💡 Why Sub-Routes Matter:
🔹 Clean app structure and scalable routing
🔹 Enables better component reuse
🔹 Perfect for multi-section apps like a resume builder