Summary

In this chapter, we worked with routes and their resources to guide and organize user flows in our application. We learned about the router concept in the Angular framework and created an error page in case a user uses a route that does not exist. We created our edit diary entry page by reusing a form and, with the dynamic route feature, we learned how to capture route data for page setup.

Finally, we learned about the route guards feature, created our simplified login flow, and saw how to optimize the user experience by loading the backend information before the page loads using the guard resolve feature.

In the next chapter, we will learn how to use a resource to streamline our requests to the backend using the interceptor design pattern.