{"id":24290,"date":"2024-01-21T18:12:24","date_gmt":"2024-01-21T17:12:24","guid":{"rendered":"https:\/\/www.angulararchitects.io\/?p=24290"},"modified":"2024-01-21T19:50:21","modified_gmt":"2024-01-21T18:50:21","slug":"announcing-native-federation-for-angular-17-1","status":"publish","type":"post","link":"https:\/\/www.angulararchitects.io\/en\/blog\/announcing-native-federation-for-angular-17-1\/","title":{"rendered":"Announcing Native Federation for Angular 17.1"},"content":{"rendered":"

TLDR; Native Federation for Angular 17.1 uses the CLI's Application Builder<\/strong> and Dev Server<\/strong> to keep track with the innovations and performance improvements<\/strong> the CLI team works on.<\/p>\n

Today, we announce Native Federation<\/a> 17.1 for Angular 17.1. While it's just a minor version, this release brings a huge<\/strong> improvement: For the first time, Native Federation uses the Angular CLI's new and really fast Application Builder<\/strong>, delegating to esbuild<\/code> for both client-side and server-side bundles. Before, the esbuild<\/code> Builder, intended as an intermediate solution when migrating from webpack, was used.<\/p>\n

Also, this new version of Native Federation is build on top of the CLI's dev server<\/strong>. Hence, all the known configuration options are available in your angular.json<\/code>. <\/p>\n

Using the Application Builder and the Dev Server also allows us to gain all the new and upcoming features<\/strong> as well as all the smart performance improvements<\/strong> the Angular CLI team is implementing. <\/p>\n

\n

I want to thank the Angular CLI team for providing the necessary hooks that make this important milestone possible. My thanks especially go to Charles Lyding<\/strong> from the CLI team and Minko Gechev<\/strong><\/a>, Developer Relations and Product Lead for Angular.<\/p>\n<\/blockquote>\n

The Underlying Philosophy<\/h2>\n

This release mirrors the underlying philosophy of Native Federation: Being a thin wrapper delegating to the Angular CLI. This makes sure Native Federation-based applications keep track with all the innovations in Angular:<\/p>\n

\"Native<\/p>\n

This philosophy is also reflected when running ng build<\/code> or ng serve<\/code>. These commands inform about the extra work Native Federation takes care of and about the CLI's default tasks:<\/p>\n

\"ng<\/p>\n

Migrating to 17.1<\/h2>\n

After npm-installing version 17.1<\/code>, you need to update your <\/code>angular.json<\/code> (or <\/code>project.json<\/code><\/code> when using Nx). The following command automates this task:<\/p>\n

ng g @angular-architects\/native-federation:appbuilder<\/code><\/pre>\n
More information and details on this can be found here<\/a>.<\/p>\n
More Details about Native Federation<\/h2>\n