Consuming a micro-frontend

Ragu can inject a front-end made by any technology into any application.

Front-end injection

It is specially useful for legacy system modernization since you don't need to replace your entire application at once.

To inject a micro-frontend you must provide a manifest url for one of the available Ragu clients.

Parameters should be passed as query parameters at the URL. Check it out some micro-frontends from Ragu's homepage been loaded here:

import {RaguComponent} from "ragu-client-react";

<RaguComponent src="https://ragu-framework.github.io/ragu-cli/mfe.json?bg=true" />

import {RaguComponent} from "ragu-client-react";

<RaguComponent src="https://ragu-framework.github.io/ragu/main-features-mfe.json?bg=true" />