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.
Independent Consultant, Architect, Developer & Trainer, Poland
Security Expert, Founder, GDE, Pragmatic Web Security | Belgium
Senior JavaScript Developer, Atos | Poland
Engineering Manager & Frontend SME, eBay | Netherlands
Nuxt Core Team, Leetchi | France
Front End Developer, GDE, Microsoft MVP , CAIS | UK
Tech Lead, Full-stack AI Engineer, GDE, Tikal | Israel
Front-end developer, Conscensia | Poland
Staff Engineer, Mapbox | USA
Senior Software Engineer / Power Grid Gdańsk R&D Manager, Volue/Bottega IT Minds | Poland
Senior Software Developer, Atlantis S.R.L. | Italy
Angular / .NET Developer / Team Lead, Conscensia | Poland
GDE for Angular, softwarearchitekt.at | Austria
Senior Fullstack Developer & Advocate, GDE, Monterail | Poland
Back End Developer, Podme | Sweden
Managing Delivery Architect, Capgemini | Poland
Senior Staff Engineer, GDE, SFEIR | Luxembourg
Principal Engineer, Google Developers Expert, Jumbo Supermarkten | Netherlands
GDE, Expert Web Consultant, Trainer, Mentor, Angular Training | France
Trainer & Consultant, AngularArchitects.io | Austria
Senior Software Engineer, Snowflake | Canada
Passionate Angular Developer, Angular Architects | Austria
Software Development Cook, Teacher & Coach, GDE | France
Software-Architekt, Thinktecture AG | Germany
Trainer and Consultant, AngularArchitects.io | Austria
Google Developer Expert, Author, Podcaster, NG/JS/AI POLAND | Poland
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.