Navigation and Routing

Every software consists of a set of pages, each of which is responsible for a certain task in the UI and the functionality of the app. Within this chapter, we are going to understand the routers in the Blazor WebAssembly app, including what they are, how they work, and how to define them so that users can navigate between your app pages. We will also learn how to send data between pages via the URL and query parameters. After that, we will implement a custom UI for when the user navigates to a non-existent URL. Furthermore, we will dive a bit deeper and learn about some advanced scenarios, such as reacting to URL changes, taking actions such as cancelling ongoing tasks, and highlighting parts of the UI based on changes.

In previous chapters, we learned about components and developed individual pieces; throughout this chapter, we will put these components together within pages and implement routing so we can navigate and send data between them.

In this chapter...