Summary

In this chapter, you learned what Angular Material is, how to use the Angular Flex Layout engine, the impact of UI libraries on performance, and how to apply specific Angular Material components to your application. You became aware of pitfalls of over-optimized UI design with individual CSS tweaks and how to add a custom theme to your application.

We also went over how you can improve the accessibility of your application and build an interactive prototype to vet your designs before implementing them.

In the next chapter, we will update the weather app to respond to user input with reactive forms and keep our components decoupled, while also enabling data exchange between them using BehaviorSubject. After the next chapter, we will be done with the weather app and shift our focus to building larger line-of-business applications.

See Appendix C, Keeping Angular and Tools Evergreen, for information on how you can upgrade Angular Material. You can find this...