Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Module Federation in practice with NX link

Module Federation in practice with NX link

Eliran Eliassy

December 30, 2021
Tweet

More Decks by Eliran Eliassy

Other Decks in Technology

Transcript

  1. e-square.io — Founder & CEO @ e-square.io — Angular Google

    Developer Expert — Writer @ AngularInDepth — Community leader About mySelf
  2. e-square.io What is MFE? • Allows JavaScript application to dynamically

    import code from another application at runtime. • The module will build a unique JavaScript entry fi le which can be downloaded by other applications • Share dependencies between apps!
  3. e-square.io What is NX • Build system • Workspace manager

    for Monorepos • Rich Plugin ecosystem: • Storybook, eslint, Jest, Cypress and many more… • A ff ected builders - test, lint & build
  4. e-square.io MFE & NX • NX enforce module boundaries -

    No applications coupling • DDD friendly architecture (apps & libs) - Fit the “modules separation” concept
  5. e-square.io Sharing Libs Backof fi ce Online Orders Menu Book

    A Table Restaurant POS Application Library Auth
  6. • MFE - Probably the most exciting feature coming to

    the world of FE • MFE & NX - as a force multiplier • Share code without publish libraries • No version mismatch • A ff ected app - deploy separately e-square.io Summary