Summary

In this chapter, you mastered effectively using the Angular CLI to create major Angular components and scaffolding. You created the branding of your app, leveraging custom and built-in Material iconography.

You learned how to debug complicated router configurations with Angular DevTools. Finally, you began building router-first apps, defining user roles early on, designing with lazy loading in mind, and nailing down a walking-skeleton navigation experience early on. We went over designing around major data entities. We also covered the importance of completing and documenting the high-level UX design of our entire app so that we can properly design a great conditional navigation experience.

To recap, to pull off a router-first implementation, you need to do this:

1. Develop a roadmap and scope.
2. Design with lazy loading in mind.
3. Implement a walking-skeleton navigation experience.
4. Achieve a stateless, data-driven design.
5. Enforce a decoupled...