u-front-ends

A simple framework for integrating multiple micro front-ends as one.

Status

Not sure how production ready this project is so any feedback is appreciated.

Motivation

As a developer, if you have worked on the same suite of products for multiple years, you should have realized that no company will stop adding new features to the suite in order to do a complete overhaul of the technology stack. Chances are you will get the change to try new frameworks on new features/products but you will need to find a way to integrate these in the suite.

This project tries to capture some of the solutions I wish I had implemented along the years but did not have the time or knowledge.

Naming

Naming stuff is one of the hardest things in programming so:

• u-front-ends because npm install µ-front-ends would have been a pain to type.
• this is my take (I am sure someone might come with a better one) on a client side implementation therefore the packages are prefixed with my name

Documentation and demos

• Demo
• Documentation
• Browser API manual tests

Local development

• npm run dev starts a local Vite server and opens the demo page at /docs/public/demo/index.html.
• In dev mode, demo HTML pages are transformed to use type="module" scripts and load the library from source (src/index.ts).
• Browser API manual tests are available at /docs/public/demo/browser-tests.html when the dev server is running.
• npm run docs:dev still exists for the full docs + typedoc workflow.