react-router-jam
Intuitive folder-based routing for React Router v7 & Remix
4 followers
Intuitive folder-based routing for React Router v7 & Remix
4 followers
react-router-jam simplifies routing in React Router v7 and Remix by replacing flat file structures with an intuitive, folder-based convention. 🚀 Key Features: Folder-Based Routing: Define routes naturally (e.g., routes/about/page.tsx). Nested Layouts: Create shared UI hierarchies effortlessly with layout.tsx files. Dynamic & Splat Routes: Handle parameters ([id]) and catch-all paths ([...slug]). Colocation: Keep your components, styles, and tests right alongside your routes.
Hey Product Hunt! 👋
I built react-router-jam because I missed the clean folder-based routing when working with the new React Router v7. While flat files are great for some, I prefer keeping my tests, styles, and components co-located with their specific routes.
This library brings that Next.js-style DX to the React Router ecosystem. It supports all the modern routing patterns you expect: layouts, dynamic segments, route groups, and more.
I'd love to hear your feedback