Git Product home page Git Product logo

module-federation-example's Introduction

CI

Module federation example

This repository contains an example of module federation with three different packages, all managed using pnpm workspaces.#

This is the scenario that has been realized:

Real case scenario

We have a host called application, a bidirectional host called components and a remote called loading.

In plain english: firstly, the remote will expose a single loading component.
Secondly, the bidirectional host will import the loading component, apply some CSS and then re-expose it. Additionally, it exposes a rounded button.
Finally, the hll include these two components that will be shown to the user.

Local development

To locally run the example, you must:

  • install the dependencies
npm i
  • execute the start script:
npm run start

module-federation-example's People

Contributors

ilteoood avatar dependabot[bot] avatar

Stargazers

Carmine Milieni - NinjaCoding avatar Libamlak Birhanu avatar  avatar

Watchers

Simone Busoli avatar Cristian Barlutiu avatar Ross Nelson avatar Florian Traverse avatar Pablo Santos avatar Filippo De Santis avatar Ionuț Florescu Țicleanu avatar Marco Turi avatar Piotr Zimoch avatar Andrej Stas avatar Giovanni Ruzzi avatar James Cloos avatar nils stolpe avatar Paul Negrutiu avatar cianomaidin avatar Jack Clark avatar Giorgio Aquino avatar Tiago Relvao avatar Mauro Murru avatar Anthony Gubler avatar Luca Del Puppo avatar Ericsson de Oliveira avatar Claudia Donea avatar Danijel Maksimovic avatar Francesco Maida avatar Manos Konstantinidis avatar Davide Roffo avatar franceto avatar Jose Bravo avatar Faiz Ahmed avatar Matteo Bacci avatar Aman Ramkumar avatar Alfonso Graziano avatar Fabio de Lima Rodriguez avatar Josh McEwen avatar Jamie Bohanna avatar Vikas Bhandari avatar Joseph Dada avatar  avatar Filippo Perlini avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.