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

• es-module-shims

  13 1,481 6.5 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.

• import-map-overrides

  2 323 4.2 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).

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• import-map-deployer

  3 183 4.6 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

• module-federation-plugin

  3 673 8.3 TypeScript
  

Use more importmap default behaviours #489

• nx-nf

  1 2 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

• single-spa

  48 13,036 6.1 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.

• nx

  346 21,971 10.0 TypeScript

  Smart Monorepos · Fast CI

  

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.

• WorkOS

  workos.com sponsored

  The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

  

• esbuild

  322 37,276 9.5 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.

• Angular

  699 94,464 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