Organizing Your Application
A messed-up project is a bug’s nest waiting to spoil your user experience. In addition to quality, good organization of your project from the beginning will give your team productivity and, in the case of Angular, potential improvement in the performance of your application.
In this chapter, you will learn about the function of Angular modules, the difference between these and JavaScript modules, and how to use them in the best way for your project.
You will learn about the single module app anti-pattern and how and why to avoid it. You will also use Angular modules to optimize the import of common components to your application using the SharedModule
pattern. Finally, you will understand how to use lazy loading to optimize your application’s performance.
In this chapter, we’re going to cover the following topics:
- Organizing the application with Angular modules
- The first module:
AppModule
- Avoiding anti-pattern...