⏰ It’s time to talk about Import Map, Micro Frontend, and Nx Monorepo

1. es-module-shims

   1 14 1,625 8.4 JavaScript

   Shims for new ES modules features on top of the basic modules support in browsers

   

   For full compatibility and extra features, we usually use the library es-module-shims.

2. Civic Auth

   www.civic.com featured

   Auth in Less Than 5 Minutes. Civic Auth comes with multiple SSO options, optional embedded wallets, and user management — all implemented with just a few lines of code. Start building today.

   

3. import-map-overrides

   2 2 349 7.3 JavaScript

   A browser and NodeJS javascript library for overriding import maps

   

   I've previously employed importmaps in one of my micro-frontend projects alongside single-spa and the importmap overrides library. This approach significantly enhances the developer experience in complex environments by allowing direct integration of a local server into an integration server (more info in the YouTube video from Joel Denning).

4. import-map-deployer

   3 3 196 7.0 JavaScript

   A manifest deployment service for sofe/import maps

   

   You should have a look to them import-map-deployerlibrary which enable to update animportmap.json directly on the server

5. module-federation-plugin

   4 4 776 8.4 TypeScript

   

   Use more importmap default behaviours #489

6. nx-nf

   5 1 4 8.5 TypeScript

   POC repository showing Nx Native Federation and Importmap Override Configurations

   

   full code here https://github.com/jogelin/nx-nf/tree/poc-load-remote-overrides

7. single-spa

   6 53 13,561 5.3 JavaScript

   The router for easy microfrontends

   

   Joel Denning is the visionary behind single-spa, boasting profound insights into the true mechanics of the web and is, in my view, a pioneer in micro frontend architecture. I highly recommend checking the single-spa website and his YouTube channel. While the videos might appear dated at first glance, rest assured, Joel is ahead of his time, and the content remains incredibly relevant today.

8. nx

   7 371 25,432 10.0 TypeScript

   Build system, optimized for monorepos, with AI-powered architectural awareness and advanced CI capabilities.

   

   The advent of esbuild, the native support for ES Modules in browsers, the widespread adoption of import map, the emergence of tools like Native Federation, and the Nx ecosystem all combine to forge a flexible and well-maintained Micro Frontend Architecture.

9. CodeRabbit

   coderabbit.ai featured

   CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.

   

10. esbuild

    8 354 38,854 9.2 Go

    An extremely fast bundler for the web

    

    The advent of esbuild, the native support for ES Modules in browsers, the widespread adoption of import map, the emergence of tools like Native Federation, and the Nx ecosystem all combine to forge a flexible and well-maintained Micro Frontend Architecture.

11. Angular

    9 797 97,593 10.0 TypeScript

    Deliver web apps with confidence 🚀

    

    Just to give you more context, I led the migration of several AngularJS applications to the newer Angular Framework. My client finally decided to make that move following the AngularJS deprecation announcement (stay up to date please 🙏)️.

Suggest a related project