Remix Custom Routes

Overview

Remix Custom Routes is an innovative package designed to simplify the way developers handle routing in Remix applications. With powerful customization options, this package allows for greater flexibility in defining routes, making it easier to organize and manage your application's structure. Whether you prefer a more traditional routing approach or a flat routing system, Remix Custom Routes accommodates various workflows, enhancing your overall development experience.

By enabling routes to be created in any directory and allowing for different file extensions, it significantly reduces the clutter within your project. This approach not only streamlines route management but also ensures a more logical organization of your codebase, keeping your workflow efficient and productive.

Features

• Flexible Directory Structure: Routes can be defined in any directory within the /app folder, allowing for personalized organization that suits your project's needs.

• File Extension Recognition: Any file with the extension .route.tsx, .route.ts, .route.jsx, or .route.js will automatically be treated as a route, offering versatility in your code approach.

• Custom Route Functions: The package provides getRouteIds and getRouteManifest functions, facilitating easy creation and management of custom routes.

• Flat Route Convention: By using the flat route convention, you can define routes in a dedicated /routes directory while maintaining a simple URL structure, mirroring the Remix v2 convention.

• Dynamic URL Generation: URLs are generated based on the filename of each route, ensuring straightforward mapping and easy navigation within your app.

• Non-Route File Handling: Non-route files can be placed next to route files without interference, thanks to the package's intelligent file processing, keeping your workspace organized.

• Parent-Child Route Relationship: getRouteManifest efficiently links routes to their respective parents and children, preventing conflicts in routing hierarchies.

• Customizable File Selection: Utilize tools like glob to curate a list of files for routing, providing ultimate flexibility for developers who prefer custom conventions.