All activity
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.
react-router-jamIntuitive folder-based routing for React Router v7 & Remix
Jonathan Irhodialeft a comment
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:...
react-router-jamIntuitive folder-based routing for React Router v7 & Remix