ndcunningham / react-module-federation-example

Illustrates how to use module federation with Nx in a react workspace

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

React Module Federation Example

This project was generated using Nx.

🔎 Smart, Fast and Extensible Build System

Module Federation

The main purpose of this project is to illustrate module federation using Nx.

Module federation splits your application vertically into separate buildable features. With this approach, a CI such as Nx Cloud can take advantage by distributing these builds across several agents.`

Structure & Layout

This workspace has:

  • A Host
  • 2 Remote features
  • A shared library

Running the shell applications nx serve landing will run/build both remotes and also compile the shared lib.

You can also run the remotes by themselves nx serve make-transfer or nx serve accept-transfer

If there are no changes and you re-run any of the commands above, the compilation step is skipped because Nx will retrieve it from cache.

☁ Nx Cloud

Distributed Computation Caching & Distributed Task Execution

Do you want even more speed? To make everything fast for everyone, including your CI, we recommend adding Nx Cloud.

Nx Cloud pairs with Nx in order to enable you to build and test code more rapidly, by up to 10 times. Even teams that are new to Nx can connect to Nx Cloud and start saving time instantly.

Teams using Nx gain the advantage of building full-stack applications with their preferred framework alongside Nx’s advanced code generation and project dependency graph, plus a unified experience for both frontend and backend developers.

Visit Nx Cloud to learn more.

About

Illustrates how to use module federation with Nx in a react workspace


Languages

Language:TypeScript 44.7%Language:SCSS 29.8%Language:JavaScript 19.2%Language:HTML 6.3%