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.
CEO, push-based.io | Austria
Independent Consultant, Architect, Developer & Trainer, Poland
Front End Tech Lead, Tikal | Israel
Consultant, Inmeta | Norway
Senior Cloud Advocate, Microsoft | UK
Head of DevRel, Weaviate | Denmark
CEO, datAInsights GmbH | Austria
Developer Advocate, Weaviate | France
Teacher and Consultant, ngIndia | India
Tech Leader, Senior Software Engineer, Sii | Poland
Full Stack Software Developer, Push-Based | Poland
Founder & Developer, GDE, e-square.io | Israel
Founder, HiRez.io | Israel
Trainer & Consultant, AngularArchitects.io | Austria
Senior Developer, Vue Storefront | Poland
Software Development Cook, Teacher & Coach, GDE | France
Back End Developer, Podme | Sweden
Lead Performance Engineer, Trainer & Consultant, push-based.io | Austria
Senior Software Engineer, Snowflake | Canada
Software Architect, Scania Group | Sweden
Developer Evangelist for Web and Cloud and Generative AI, UK
Full Stack Engineer, push-based.io | Austria
Trainer and Consultant, AngularArchitects.io | Austria
Core Team NgRx & AnalogJS, SMG | Serbia
Consultant and Author, softwarearchitekt.at | Austria
GDE, Trainer, Senior Software Engineer, Push-Based.io | Albania
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.