The International JavaScript Conference Jan 26, 2022
Learn from the Best
Manfred Steyer

Manfred Steyer

Presentation Title: Frankenstein Architectures with Module Federation and Angular Elements: The good, the bad, the ugly

Have you ever considered using multiple frameworks or framework versions for one application? Clearly this is best avoided. However, there are several scenarios where it might be necessary, such as when gradually migrating to another technology or incorporating the work of other teams, or after a merger, or to scale development quickly. I have helped multiple customers evaluate and implement such solutions in recent years, including banks, insurance companies, and major software vendors. We developed several strategies to address such requirements and have identified pitfalls, workarounds, and trade-offs. This session presents our findings using a case study based upon the brand-new Module Federation and Angular Elements., Google Developer Expert and Microsoft MVP | Austria

Trainer and Consultant with focus on Angular. Google Developer Expert (GDE) who writes for O'Reilly and the German Java Magazine. Regularly speaks at conferences.

Check out Manfred Steyer's latest online video course

Check out Manfred Steyer's latest online video course

Angular Master is a online course with live Q&A calls and a community of experienced Angular developers. In this interactive course, you will learn from Manfred Steyer - Angular GDE and Trusted Collaborator in the Angular team - how large enterprise-scale Angular applications can be planned and developed. For this, we learn how Domain Driven Design (DDD) can help with planning a huge solution and how Nx Monorepos can be used for implementing our Strategic Domain Design.

Become a Master of Angular Architecture


Using the monorepo, we subdivide our solution into several libraries and define access restrictions for enforcing our architecture. Also, we use Nx to speed up our CI tasks with incremental builds and the build cache.
These ideas are gradually being expanded and result in the implementation of micro frontends with the brand new Webpack Module Federation and Web Components based on Angular Elements. We talk about sharing libraries and also about advanced concepts like dealing with version mismatches, dynamic Module Federation and the integration into Nx.
After the individual exercises, you will have a case study you can use as a template for your own projects. Also, this course enables you to evaluate the individual options for your very projects.

Join your course now!

Join our mailing list

Sign up to receive updates about JS Poland, including workshops, speaker previews, ticket launches, JS Awards, Behind the Code Magazine, CFP details and other exclusive content. We won’t spam you and will only send you emails we genuinely think you’ll find interesting. You can unsubscribe at any time and you can find more information here.