S10 E8 | Architecting for Autonomy: Micro Frontends & Native Federation with Manfred Steyer

In this episode, Manfred Steyer joins us to explore how Native Federation enables scalable Micro Frontends in multi-team Angular projects. He explains how platform teams can provide structure and autonomy while Native Federation seamlessly integrates with the Angular CLI, Nx, and the esbuild-based ApplicationBuilder. Built on web standards like ECMAScript modules and Import Maps, its focus on portability makes it easy to extend across technologies—ensuring long-term flexibility for complex, evolving applications.https://www.npmjs.com/package/@angular-architects/native-federationhttps://www.angulararchitects.io/blog/native-federation-just-got-better-performance-dx-and-simplicity/https://www.npmjs.com/package/@angular-architects/native-federationhttps://blog.angular.dev/micro-frontends-with-angular-and-native-federation-7623cfc5f413https://www.angulararchitects.io/bookhttps://x.com/ManfredSteyerhttps://www.linkedin.com/in/manfred-steyer-84645821/ https://www.facebook.com/manfred.steyerhttps://bsky.app/profile/manfredsteyer.bsky.socialFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

The Vite ecosystem is evolving fast — and VoidZero is at the center of it. In this episode with Alex Lichter, we dive into the future of Vite and explore how projects like Rolldown, Oxc, and VitePlus are reshaping the developer experience. From faster builds and improved linting to deeper integration with frameworks like Angular, we unpack what these changes mean for modern web development and why this new phase of the ecosystem matters.https://github.com/TheAlexLichter/https://twitter.com/TheAlexLichter/https://bsky.app/profile/thealexlichter.com/https://www.youtube.com/@TheAlexLichter/https://www.linkedin.com/in/alexanderlichter/ https://voidzero.dev/posts/announcing-vite-plushttps://viteplus.dev/ViteConf talks https://www.youtube.com/playlist?list=PLqGQbXn_GDmkJaoykvHCUmXUPjhgH2bVrOxfmt RFC https://github.com/oxc-project/oxc/discussions/13608Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

AI is here to stay and transform our lives. Join us today as we chat with Jason Warner to discuss what we can do to position ourselves for success in this new reality — plus a little bit of developer philosophy, which is kind of like Cowboy Poetry for devs without the rhyming. So gather round the campfire and get ready for some deep thoughts and helpful tips.twitter: xocomil_1youtube.com/@xocomiltwitch.tv/xocomilFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

As authentication and security continue to evolve, it’s no longer enough for developers to just “plug and play” with an identity provider. Knowing what to look for when choosing one—and understanding how to go beyond the basics—is crucial to keeping apps secure and clients protected. Joining us today is Kim Maida, who brings her deep expertise in Auth security to help you avoid common pitfalls, strengthen your defenses, and make smarter choices about identity in your applications.https://x.com/KimMaidahttps://bsky.app/profile/maida.kimhttps://linkedin.com/in/kimmaidahttps://maida.kimhttps://mihi-mini.studiohttps://github.com/kmaidahttps://www.youtube.com/watch?v=VPr_-NB7YUEhttps://fusionauth.io/https://nx.dev/blog/s1ngularity-postmortemhttps://www.bleepingcomputer.com/news/security/hackers-hijack-npm-packages-with-2-billion-weekly-downloads-in-supply-chain-attack/Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

On this episode, David Blass describes how ArkType makes TypeScript validation faster, simpler, and more accurate by letting developers use native type syntax instead of separate schemas. He explains why ArkType helps catch data mistakes early, how AI supports both its development and usage, and shares his favorite features that improve everyday workflows. You'll also get tips on building your own developer tools and hear how ArkType’s Standard Schema project brings community benefits. And you never know... David and hosts may or may not share which animals they'd want on they're own kind of ark.GitHub: https://github.com/arktypeio/arktypeDocs: https://arktype.ioDiscord: https://arktype.io/discordx.com/ssalbdivadx.com/arktypeiobsky.app/profile/ssalbdivad.devbsky.app/profile/arktype.iohttps://github.com/standard-schemahttps://standardschema.dev/https://github.com/standard-schema/standard-schemahttps://github.com/moltar/typescript-runtime-type-benchmarks https://www.theultimatecoder.show/Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Join us on this episode of the Angular Plus Show as we sit down with Thomas Laforge, creator of Angular Challenges, the open‑source resource pushing Angular, Nx, RxJS, NgRx, and TypeScript learners past tutorials and into real‑world code.Thomas walks us through why he built Angular Challenges, how it’s structured (60+ challenges tackling everything from state management to signals & reactive forms), and how solving them can sharpen your skills — whether you’re prepping for interviews, contributing to OSS, or simply wanting to code better.https://angular-challenges.vercel.app/https://x.com/laforge_tomahttps://www.linkedin.com/in/thomas-laforge-2b05a945/https://bsky.app/profile/tomalaforge.bsky.socialhttps://github.com/tomalaforgeFollow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Join us with our first guest of the season: James Spivey from Capital One. James shares his career wisdom and insight on software engineering leadership.  More about SpiveyBluesky: @spivey.wtf‬Show Linkshttps://compassionatecoding.com/https://www.pragmaticengineer.com/https://tahahussain.substack.com/p/3-steps-i-took-to-stop-losing-myhttps://justin.searls.co/posts/full-breadth-developers/ Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Welcome to Season 10 of the Angular Plus Show! We are excited to announce our guest hosts for the season - Brooke Avery and Jay Bell! You may know Brooke from her podcast, The Dev Life and her work on the Angular community meetup. Jay is a familiar face, having a second go at hosting the Angular Plus show. Jan is hoping he'll get it right this time.  Join us for a season of  topics ranging from software architecture, Angular signal forms, MFE and native federation, and more. Show links: https://codegen.com/https://www.perplexity.ai/https://bolt.new/https://devfestslc.web.app/https://x.com/mattpocockuk/status/1925857902096470111https://github.com/oxc-project/tsgolinthttps://www.reddit.com/r/javascript/comments/1mubjx7/oxlint_introduces_typeaware_linting_technical/Learn more about the team!Brian Love: https://hashbrown.dev/Jay Bell:     https://bsky.app/profile/jaycooperbell.dev                   https://www.linkedin.com/in/jay-bell-b7017681/                   https://tech.trellis.org/Lara Newsom:  https://bsky.app/profile/laranewsom.com                          https://www.linkedin.com/in/lara-newsom/Brooke Avery:     https://www.linkedin.com/in/jedibravery/                            https://x.com/JediBraveryJan:          https://bsky.app/profile/wordman.dev Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

End-to-end testing has traditionally been a source of frustration for developers - flaky tests, complex setup, and poor debugging experiences have made it a necessary evil rather than a productive part of the development workflow. With the rise of modern testing frameworks like Playwright, developers are discovering that E2E testing can actually be reliable, fast, and even enjoyable. The integration of AI capabilities is further revolutionizing how we write, maintain, and debug tests. In this episode we welcome Google Developer Expert and Principal Technical PM at Microsoft, Debbie O'Brien, to explore the current state of Playwright and its evolving ecosystem. Between juggling twins under 2, Debbie shares insights on what makes Playwright different, the latest features transforming the testing landscape, and how AI is being integrated to make testing more intelligent and efficient. You can expect to learn why Playwright is becoming the go-to choice for modern web testing and how to leverage its powerful features in your projects.More about DebbieX:@debs_obrienLinkedIn: Debbie O'Brien https://dev.to/debs_obrien/letting-playwright-mcp-explore-your-site-and-write-your-tests-mf1https://debbie.codes/ Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5

Client rendered web apps are not generally not indexable by Google Bot and others for extracting on-page content and optimizations for ranking high in the search engine results page. The result is that many organizations use technologies like WordPress, Astro, and others, for a marketing presence on the web, avoiding frameworks like Angular and React due to this limtation. With the maturing of Server-Side Rendering (SSR) in Angular, more developers are building both their interactive web apps and their more traditionally static market web properties with Angular (and React with RSC). In this episode we welcome Google Developer Expert, and open source contributor, Jeff Whelpley to break it all down. You can expect to learn how Angular with SSR is an excellent technical choice for optimizing your web app for Search Engine Optimization.More about Jeff Bluesky: ‪@jeffwhelpley.dev‬X: @jeffwhelpleyLinkedIn: Jeff Whelpley Follow us onX: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.Join: http://www.ng-conf.org/Attend: https://ti.to/ng-conf/2025Follow: https://twitter.com/ngconf             https://www.linkedin.com/company/ng-conf             https://bsky.app/profile/ng-conf.bsky.social             https://www.facebook.com/ngconfofficialRead: https://medium.com/ngconfWatch: https://www.youtube.com/@ngconfonline  Edited by Patrick Hayes https://www.spoonfulofmedia.com/ Stock media provided by JUQBOXMUSIC/ Pond5Follow us on X: The Angular Plus ShowBluesky: @theangularplusshow.bsky.social  The Angular Plus Show is a part of ng-conf. ng-conf is a multi-day Angular conference focused on delivering the highest quality training in the Angular JavaScript framework. Developers from across the globe converge  every year to attend talks and workshops by the Angular team and community experts.JoinAttendXBluesky        ReadWatchEdited by Patrick HayesStock media provided by JUQBOXMUSIC/ Pond5