Introduction to mfeflow
This page explains what mfeflow is and whether it fits your team. It is an explanation page, so it has no commands. To build something, go to the Quickstart.
What is mfeflow?
mfeflow is a command line tool and a set of small packages for React micro-frontends. It creates a monorepo with one shell and several remotes, built with Rsbuild and Module Federation 2. After that, it adds features and checks the project so the setup stays healthy.
The shell is the page that loads first. A remote is a separate app that the shell loads at runtime. Each remote can be built and deployed on its own.
Who is it for?
mfeflow is for React teams who have decided to split a front end into pieces that ship independently. It also suits teams who already run Module Federation by hand and keep fixing the same problems.
You should know React, npm and CI. You do not need to know Module Federation. The Module Federation concept page covers what you need.
Who is it not for?
A single small app does not need micro-frontends. One team, one release train and one repository is simpler without them.
mfeflow also does not fit if you need a framework other than React, server-side rendering, or a package manager other than pnpm. Those limits are in the FAQ. Read Why try mfeflow for the longer version of this question.
What breaks after day one?
Getting a shell to load one remote is easy. The trouble starts when the second team joins and the first release goes out. These are the problems mfeflow targets.
How do the pieces fit together?
Three things make up the platform. The CLI creates and changes the project. The packages under @mfeflow/* run in the browser, such as the runtime that loads remotes. The registry tells the shell which remote builds exist.
How it works walks through the boot sequence in detail.
Next steps
- Build a project: Quickstart.
- See every file it creates: Project structure.
- Compare it with the alternatives: Why try mfeflow.