I'm currently working on an Angular 18 project and I'm trying to decide between using Native Federation and Module Federation for my architecture. I would appreciate any guidance or insights on the following points:
Performance: How does each option impact application performance? Complexity: Which option tends to be more complex in terms of setup and maintenance? Scalability: Which solution is more scalable for larger applications? Best Practices: Are there any best practices or recommendations for choosing between the two? I’m looking forward to any suggestions or experiences you might have!
Thank you!
In essence, both native federation and module federation enable lazy loading of modules or components at runtime that are unknown during compilation. The key difference is that module federation relies on Webpack for both splitting and loading, which ties you to the Webpack. Although there are some new developments for RSPack as well. On the other hand, native federation uses esbuild for splitting, but loading happens via import maps, a Web standard (https://github.com/WICG/import-maps). This makes it independent of any specific bundler. For obvious reasons, I'd go with native federation.