Summary

Remix provides a convention-based file-based router. Arguably the most powerful feature of Remix’s router is nested routing. In Remix, you create routes (route modules) as part of a hierarchy. Remix’s router maps the pathname of the URL to a set of matching route modules. Route modules make up the pages of your Remix application.

In this chapter, you created your first routes in Remix. We started off by creating two standalone pages. You learned about the special role of index routes as the default children of their parent routes. You were also introduced to the exports available in Remix’s route modules.

Next, we created a nested route hierarchy for our dashboard. We used parent layout routes and the Outlet component to reuse styling and content across different child routes.

We also used a loader function and a route parameter to create routes for our income and expenses details views. You learned how to declare parameterized route modules using...