{"id":30898,"date":"2025-07-15T13:40:00","date_gmt":"2025-07-15T11:40:00","guid":{"rendered":"https:\/\/www.angulararchitects.io\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/"},"modified":"2025-07-15T13:49:28","modified_gmt":"2025-07-15T11:49:28","slug":"native-federation-just-got-better-performance-dx-and-simplicity","status":"publish","type":"post","link":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/","title":{"rendered":"Native Federation Just Got Better: Performance, DX, and Simplicity"},"content":{"rendered":"<div class=\"wp-post-series-box series-micro-frontends-with-modern-angular wp-post-series-box--expandable\">\n\t\t\t<input id=\"collapsible-series-micro-frontends-with-modern-angular6a262a5c05882\" class=\"wp-post-series-box__toggle_checkbox\" type=\"checkbox\">\n\t\n\t<label\n\t\tclass=\"wp-post-series-box__label\"\n\t\t\t\t\tfor=\"collapsible-series-micro-frontends-with-modern-angular6a262a5c05882\"\n\t\t\ttabindex=\"0\"\n\t\t\t\t>\n\t\t<p class=\"wp-post-series-box__name wp-post-series-name\">\n\t\t\tThis is post 6 of 6 in the series <em>&ldquo;Micro Frontends with Modern Angular&rdquo;<\/em>\t\t<\/p>\n\t\t\t<\/label>\n\n\t\t\t<div class=\"wp-post-series-box__posts\">\n\t\t\t<ol>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/micro-frontends-with-modern-angular-part-1-standalone-and-esbuild\/\">Micro Frontends with Modern Angular &#8211; Part 1: Standalone and esbuild<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/micro-frontends-with-modern-angular-part-2-multi-version-and-multi-framework-solutions-with-angular-elements-and-web-components\/\">Micro Frontends with Modern Angular &#8211; Part 2: Multi-Version and Multi-Framework Solutions with Angular Elements and Web Components<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/combining-native-federation-and-module-federation\/\">Combining Native Federation and Module Federation<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/ssr-and-hydration-with-native-federation-for-angular\/\">SSR and Hydration with Native Federation for Angular<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/fixing-dx-friction-automatic-shell-reloading-in-native-federation\/\">Fixing DX Friction: Automatic Shell Reloading in Native Federation<\/a><\/li>\n\t\t\t\t\t\t\t\t\t<li><span class=\"wp-post-series-box__current\">Native Federation Just Got Better: Performance, DX, and Simplicity<\/span><\/li>\n\t\t\t\t\t\t\t<\/ol>\n\t\t<\/div>\n\t<\/div>\n<p>Native Federation continues to evolve. Based on valuable community feedback, versions 19 and 20 introduce several impactful \u2013 and sometimes non-obvious \u2013 improvements. These enhancements significantly boost developer experience (DX), optimize build performance, and resolve long-standing issues when integrating third-party npm packages.<\/p>\n<p>The best part: just upgrade to a newer version, and everything will just work\u2122.<\/p>\n<p>In this article, we walk you through the key improvements and how they simplify real-world development with Native Federation.<\/p>\n<blockquote><p>\nNote: angular-architects\/native-federation version 20 is fully compatible with Angular 19. Even if you haven\u2019t upgraded Angular itself, you can still benefit from the latest improvements by updating the Native Federation package.\n<\/p><\/blockquote>\n<h2>Several Examples with Component Libraries<\/h2>\n<p>For testing all our improvements and making sure they work together with several types of third-party libraries, we have created a <a href=\"https:\/\/github.com\/manfredsteyer\/nf-test\">demo repository with several Angular applications<\/a> built with different famous Component libraries:<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/github.com\/angular-architects\/module-federation-plugin\/raw\/main\/libs\/native-federation\/demo-repo.png\" alt=\"Demo Repo\" \/><\/p>\n<p>This is also a nice show case that tells us how to use Native Federation with:<\/p>\n<ul>\n<li>Angular Material<\/li>\n<li>Clarity<\/li>\n<li>Kendo UI<\/li>\n<li>AG Grid<\/li>\n<li>NG Bootstrap<\/li>\n<li>ng-zorro<\/li>\n<li>PrimeNG<\/li>\n<\/ul>\n<p>If you think we can benefit from adding further libraries to this show case, please let us know.<\/p>\n<h2>Automatic Host Reloading When Remote Changes<\/h2>\n<p>One of the most requested features was automaticalls reloading the host application when a connected remote changes. Thanks to an awesome contribution of <a href=\"https:\/\/x.com\/AlejandroRzJz\">Alejandro Ram\u00edrez<\/a>, Native Federation 20.0.7 addresses this challenge with automatic reload through Server-Sent Events (SSE). <\/p>\n<p>If your host and your remotes are using this Native Federation 20.0.7 or higher in development mode (<code>ng serve<\/code>), you will automatically get this feature without further configuration. More details and background information on this can be found in <a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/fixing-dx-friction-automatic-shell-reloading-in-native-federation\/\">Alejandro's article<\/a>.<\/p>\n<h2>Optimizing the Amount of Shared Dependencies<\/h2>\n<p>Most people use the <code>shareAll<\/code> helper to make sure all dependencies found in the <code>package.json<\/code> are shared with other remotes at runtime. While this is a convinient way for configuring Native Federation (exhaustively listening all dependencies to share is indeed, well, exhaustive), it might lead to oversharing. This degrates build performance and leads to compilation errors when <code>shareAll<\/code> detects an npm package not indended to beeing used in the browser. <\/p>\n<p>However, these issues could have also happened without <code>shareAll<\/code> when a package provided a huge amount of secondary entry points (such as <code>date-fns<\/code>) or entry points only indeded for the server-side.<\/p>\n<p>These issues are solved by the new <code>ignoreUnusedDeps<\/code> feature. When activated, Native Federation scans your code to find out which packages and entry points are actually used. Everything else is skipped from compilation. For activating this feature, just add the following section to your <code>federation.config.js<\/code>:<\/p>\n<pre><code class=\"language-js\">features: {\n  ignoreUnusedDeps: true\n}<\/code><\/pre>\n<p>As <code>ignoreUnusedDeps<\/code> is quite a game changer in terms of performance and DX, this configuration section is automatically generated for new projects when running <code>ng add<\/code> or the <code>init<\/code> schematic. Big thanks to <a href=\"https:\/\/x.com\/rainerhahnekamp\">Rainer Hahnekamp<\/a> whos open source project <a href=\"https:\/\/sheriff.softarc.io\/\">Sheriff<\/a> helped us to implement this feature with very little efford.<\/p>\n<p>This feature also brings some positive but unobvious improvements. Here is a full list:<\/p>\n<ul>\n<li>Improved build times (already discussed)<\/li>\n<li>Fewer issues with node packages that are in the (mono) repo but not used by the app in question (e.g. Node.js packages, already discussed too)<\/li>\n<li>Improved start-up times (smaller import map)<\/li>\n<li>A separate <code>tsconfig.federation.ts<\/code> which was created during the build is not needed anymore<\/li>\n<li>Loading locales from <code>@angular\/common\/locales\/*<\/code> now works without workarounds, as now by default only used locales are loaded<\/li>\n<\/ul>\n<h2>Automatic Chunk Splitting<\/h2>\n<p>Since version 19.0.19, Native Federation automatically performance chunk splitting for shared dependencies (for the main application, Angular has always done this by default). This prevents code redundancies in the emitted bundles (e.g. when two shared packages have the same transient dependency) and issues with singletons (e.g. registries used for theming in UI libraries).<\/p>\n<p>This resolves a larger class of show stoppers when sharing third party packages.<\/p>\n<h2>Covering Angular Features<\/h2>\n<p>In the previous versions, we also added support for Angular Features built-in to the CLI:<\/p>\n<ul>\n<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/ssr-and-hydration-with-native-federation-for-angular\/\">Angular I18N<\/a><\/li>\n<li><a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/ssr-and-hydration-with-native-federation-for-angular\/\">SSR, Hydration, and Hybrid Rendering<\/a><\/li>\n<\/ul>\n<h2>Running Native Federation and Module Federation Side-by-Side<\/h2>\n<p>If you want to move over to Native Federation gradually (e.g. because you want to use the CLI's new esbuild-based ApplicationBuilder), you can now <a href=\"https:\/\/www.angulararchitects.io\/en\/blog\/combining-native-federation-and-module-federation\/\">mix and match Native Federation with Module Federation<\/a>.<\/p>\n<h2>Summary<\/h2>\n<p>Native Federation has matured significantly in versions 19 and 20, addressing real-world feedback with practical, sometimes non-obvious improvements. From automatic host reloading to smarter dependency sharing with <code>ignoreUnusedDeps<\/code>, these changes not only enhance developer experience but also improve build performance and reliability\u2014especially when working with complex third-party libraries. Automatic chunk splitting and full support for Angular CLI features like SSR and I18N round off a feature set that now feels both modern and robust.<\/p>\n<p>If you haven't already, now is the time to upgrade to version 20\u2014even if you're still on Angular 19. It\u2019s designed to &quot;just work\u2122&quot;, and the migration effort is minimal. For hands-on insights and tested scenarios, check out our demo repo, which showcases compatibility with popular component libraries. Questions or suggestions? Let us know\u2014we\u2019re building this with the community, for the community.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is post 6 of 6 in the series &ldquo;Micro Frontends with Modern Angular&rdquo; Micro Frontends with Modern Angular &#8211; Part 1: Standalone and esbuild Micro Frontends with Modern Angular &#8211; Part 2: Multi-Version and Multi-Framework Solutions with Angular Elements and Web Components Combining Native Federation and Module Federation SSR and Hydration with Native Federation [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":30893,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[18],"tags":[],"class_list":["post-30898","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","post_series-micro-frontends-with-modern-angular"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Native Federation Just Got Better: Performance, DX, and Simplicity - ANGULARarchitects<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Native Federation Just Got Better: Performance, DX, and Simplicity - ANGULARarchitects\" \/>\n<meta property=\"og:description\" content=\"This is post 6 of 6 in the series &ldquo;Micro Frontends with Modern Angular&rdquo; Micro Frontends with Modern Angular &#8211; Part 1: Standalone and esbuild Micro Frontends with Modern Angular &#8211; Part 2: Multi-Version and Multi-Framework Solutions with Angular Elements and Web Components Combining Native Federation and Module Federation SSR and Hydration with Native Federation [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\" \/>\n<meta property=\"og:site_name\" content=\"ANGULARarchitects\" \/>\n<meta property=\"article:published_time\" content=\"2025-07-15T11:40:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-15T11:49:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/NF20-1024x536.png\" \/>\n<meta name=\"author\" content=\"Manfred Steyer\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/NF20-1024x536.png\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Manfred Steyer\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\"},\"author\":{\"name\":\"Manfred Steyer\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/f3de69c1e2bdb5ba04d8d2f5f998b81a\"},\"headline\":\"Native Federation Just Got Better: Performance, DX, and Simplicity\",\"datePublished\":\"2025-07-15T11:40:00+00:00\",\"dateModified\":\"2025-07-15T11:49:28+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\"},\"wordCount\":827,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\",\"name\":\"Native Federation Just Got Better: Performance, DX, and Simplicity - ANGULARarchitects\",\"isPartOf\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg\",\"datePublished\":\"2025-07-15T11:40:00+00:00\",\"dateModified\":\"2025-07-15T11:49:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg\",\"width\":1000,\"height\":638},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.angulararchitects.io\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Native Federation Just Got Better: Performance, DX, and Simplicity\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#website\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"name\":\"ANGULARarchitects\",\"description\":\"AngularArchitects.io\",\"publisher\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#organization\",\"name\":\"ANGULARarchitects\",\"alternateName\":\"SOFTWAREarchitects\",\"url\":\"https:\/\/www.angulararchitects.io\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"contentUrl\":\"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg\",\"width\":644,\"height\":216,\"caption\":\"ANGULARarchitects\"},\"image\":{\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/github.com\/angular-architects\",\"https:\/\/www.linkedin.com\/company\/angular-architects\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/f3de69c1e2bdb5ba04d8d2f5f998b81a\",\"name\":\"Manfred Steyer\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/8778dfb353992fa3a0d909beee085a088891e5bfce65cdb3631801da527cf11b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/8778dfb353992fa3a0d909beee085a088891e5bfce65cdb3631801da527cf11b?s=96&d=mm&r=g\",\"caption\":\"Manfred Steyer\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Native Federation Just Got Better: Performance, DX, and Simplicity - ANGULARarchitects","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/","og_locale":"en_US","og_type":"article","og_title":"Native Federation Just Got Better: Performance, DX, and Simplicity - ANGULARarchitects","og_description":"This is post 6 of 6 in the series &ldquo;Micro Frontends with Modern Angular&rdquo; Micro Frontends with Modern Angular &#8211; Part 1: Standalone and esbuild Micro Frontends with Modern Angular &#8211; Part 2: Multi-Version and Multi-Framework Solutions with Angular Elements and Web Components Combining Native Federation and Module Federation SSR and Hydration with Native Federation [&hellip;]","og_url":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/","og_site_name":"ANGULARarchitects","article_published_time":"2025-07-15T11:40:00+00:00","article_modified_time":"2025-07-15T11:49:28+00:00","og_image":[{"url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/NF20-1024x536.png","type":"","width":"","height":""}],"author":"Manfred Steyer","twitter_card":"summary_large_image","twitter_image":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/NF20-1024x536.png","twitter_misc":{"Written by":"Manfred Steyer","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#article","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/"},"author":{"name":"Manfred Steyer","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/f3de69c1e2bdb5ba04d8d2f5f998b81a"},"headline":"Native Federation Just Got Better: Performance, DX, and Simplicity","datePublished":"2025-07-15T11:40:00+00:00","dateModified":"2025-07-15T11:49:28+00:00","mainEntityOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/"},"wordCount":827,"commentCount":0,"publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/","url":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/","name":"Native Federation Just Got Better: Performance, DX, and Simplicity - ANGULARarchitects","isPartOf":{"@id":"https:\/\/www.angulararchitects.io\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage"},"thumbnailUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg","datePublished":"2025-07-15T11:40:00+00:00","dateModified":"2025-07-15T11:49:28+00:00","breadcrumb":{"@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#primaryimage","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2025\/07\/shutterstock_2275464667.jpg","width":1000,"height":638},{"@type":"BreadcrumbList","@id":"https:\/\/www.angulararchitects.io\/en\/blog\/native-federation-just-got-better-performance-dx-and-simplicity\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.angulararchitects.io\/en\/"},{"@type":"ListItem","position":2,"name":"Native Federation Just Got Better: Performance, DX, and Simplicity"}]},{"@type":"WebSite","@id":"https:\/\/www.angulararchitects.io\/en\/#website","url":"https:\/\/www.angulararchitects.io\/en\/","name":"ANGULARarchitects","description":"AngularArchitects.io","publisher":{"@id":"https:\/\/www.angulararchitects.io\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.angulararchitects.io\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.angulararchitects.io\/en\/#organization","name":"ANGULARarchitects","alternateName":"SOFTWAREarchitects","url":"https:\/\/www.angulararchitects.io\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","contentUrl":"https:\/\/www.angulararchitects.io\/wp-content\/uploads\/2023\/07\/AA-Logo-RGB-horizontal-inside-knowledge-black.svg","width":644,"height":216,"caption":"ANGULARarchitects"},"image":{"@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/github.com\/angular-architects","https:\/\/www.linkedin.com\/company\/angular-architects\/"]},{"@type":"Person","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/f3de69c1e2bdb5ba04d8d2f5f998b81a","name":"Manfred Steyer","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.angulararchitects.io\/en\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/8778dfb353992fa3a0d909beee085a088891e5bfce65cdb3631801da527cf11b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/8778dfb353992fa3a0d909beee085a088891e5bfce65cdb3631801da527cf11b?s=96&d=mm&r=g","caption":"Manfred Steyer"}}]}},"_links":{"self":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/30898","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/comments?post=30898"}],"version-history":[{"count":2,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/30898\/revisions"}],"predecessor-version":[{"id":30901,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/posts\/30898\/revisions\/30901"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media\/30893"}],"wp:attachment":[{"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/media?parent=30898"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/categories?post=30898"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.angulararchitects.io\/en\/wp-json\/wp\/v2\/tags?post=30898"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}