In this chapter, we will complete the implementation of LemonMart. As part of the router-first approach, I will demonstrate the creation of reusable routable components that also support data binding - the ability to lay out components using auxiliary routes of the router, using resolve guards to reduce boilerplate code and leveraging class, interfaces, enums, validators, and pipes to maximize code reuse. In addition, we will create multi-step forms and implement data tables with pagination, and explore responsive design. Along the way, in this book, we will have touched upon most of the major functionality that Angular and Angular Material has to offer.

In this chapter, the training wheels are off. I will provide general guidance to get you started on an implementation; however, it will be up to you to try and complete the implementation on your own. If you need assistance, you may refer to the complete source code that is provided with the book or refer to up-to-date sample on GitHub at Github.com/duluca/lemon-mart.

In this chapter, you will learn about the following topics:

• Object-oriented class design
• Routable reusable components
• Caching service responses
• HTTP POST requests
• Multi-step responsive forms
• Resolve guards
• Master/detail views using auxiliary routes
• Data tables with pagination