Native Federation enables seamless integration of code fragments from diverse build processes into a unified application experience. It provides a flexible API to define entry points, manage shared dependencies, and streamline coordination between Micro Frontends. This is particularly valuable for organizations with multiple developer teams seeking autonomy and reduced inter-team dependencies.
However, integrating multiple versions of the same framework — or even different frontend libraries — presents several challenges. One key issue is when multiple Router instances handle URL changes in the same browser window object, causing conflicts, errors, and unpredictable behavior due to the lack of synchronization between them.
In this talk, I will introduce an innovative, open-source package that solves these routing challenges in a scalable, framework-agnostic way. This solution supports deep linking, is easy to integrate, and includes customizable options to address the complex needs of enterprise applications.
Trainers:
Manfred Steyer & Michael Egger-Zikes
What You Will Learn:
✔️ Understand Standalone Components: Master the implementation and benefits of Standalone Components in Angular for streamlined and efficient project setups.
✔️ Application Structuring: Learn how to effectively structure large-scale applications using a Mono Repo approach combined with Strategic Design principles based on Domain-Driven Design (DDD).
✔️ Architectural Enforcement: Discover how to enforce and maintain architectural integrity using tools such as Nx and Sheriff to manage dependencies and workflows within your project.
✔️ Modular Monolith Implementation: Gain insights into creating a modular monolith—dubbed a "Modulith"—to maintain modularity while leveraging the robustness of a monolithic application.
✔️ Micro Frontend Architecture: Dive into the Micro Frontend architecture using Module Federation and Native Federation to build scalable and isolated components that can integrate seamlessly.
✔️ Leverage esbuild in Angular: Explore how to utilize Angular’s support for esbuild to significantly enhance the build and compilation speed of your applications.
✔️ Angular Signals Introduction: Understand the new Angular Signals feature, its use cases, and its integration into modern Angular architectures for more responsive applications.
✔️ Advanced State Management: Learn the advanced techniques of state management using the NGRX Signal Store, focusing on fine-grained change detection and state updates.
✔️ Custom Features for Signal Store: Implement custom functionalities within the NGRX Signal Store to handle complex and repetitive scenarios with minimal code.
✔️ Enterprise-scale Planning and Deployment: Equip yourself with the strategies and tools required to plan, develop, and deploy enterprise-scale Angular applications confidently.
Takeaway:
Participants of this workshop will emerge with a deep understanding of modern Angular architectures, equipped with practical skills and cutting-edge techniques. You will learn how to construct and maintain scalable and maintainable web applications using the latest Angular features, such as Standalone Components, Module Federation, and Angular Signals. By the end of the session, you will be adept at implementing complex architectures and managing state efficiently, enabling you to tackle enterprise-scale projects with confidence. This workshop will not only enhance your technical proficiency but also expand your toolkit for building future-proof Angular applications.
Sign up to receive updates about JS Poland, including workshops, speaker previews, ticket launches, JS Awards, JavaScript Master Podcast, 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.