Summary

In this chapter, we explored the architecture of micro frontends and how to apply one to an Angular project.

We learned about the concept of the architecture, its advantages, and its trade-offs. We explored how the main reason for opting for this architecture is its flexibility in relation to the organizational structure of each team, as several teams can work on different parts of the frontend project independently.

We also learned how we can ideally divide our application into micro frontends.

With all these concepts, we applied our project by creating a small application using Angular’s standalone components feature and preparing it to be loaded by another project using the Angular elements library.

Finally, we performed dynamic loading in our main application with the help of the @angular-extensions/elements library.

In the next chapter, we will explore the best practices for deploying an Angular application.