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

React Day Berlin 🇩🇪

Vitor Alencar
November 18, 2022

React Day Berlin 🇩🇪

Abstract

Module Federation is a new feature in Webpack 5 that allows you to dynamically load code from remote servers at runtime. This is a game-changer in JavaScript architecture, as it allows you to break your application into smaller pieces and load them on demand. In this talk, we will explore the new feature and how it can be used to create micro-frontends.

Pitch

What excites me the most about this talk is the opportunity of showing how Module Federation can be used to create micro-frontends. I have been working with micro-frontends for a while now, and I have seen how it can be a game-changer in JavaScript architecture. I have also seen how it can be difficult to implement, and I think that Module Federation can be a great tool to make it easier.

Vitor Alencar

November 18, 2022
Tweet

More Decks by Vitor Alencar

Other Decks in Technology

Transcript

  1. MY "WHY" 🤔 💭 WHY I DO WHAT I DO

    I believe it is possible to change the world through technology.....
  2. Hi 👋, I'm Vitor Alencar. I'm a software engineer! I

    helped improve Brazil education I helped people share their opinions online now I'm helping people get their money back!
  3. @vitormalencar Microfrontends are especially useful when we have projects with

    dozens of developers working together in a large business domain Why Micro front ends ?
  4. @vitormalencar MFE similar methodology Be able to be managed from

    separate teams Deploy independently Small application set Better Domain separation
  5. @vitormalencar Let's check the current state of tools out there

    for code sharing What are our options now?
  6. @vitormalencar Why is hard NPM is slow It grows in

    complexity Custom-made tools get dated fast Sharing is usually primitive
  7. @vitormalencar What is module federation Share modules / components /

    functions / data deploy independent SPA's Over the wire at runtime Redundancy and self-healing powers
  8. @vitormalencar Capabilities Dynamic updates over the wire Minimal overhead No

    dev env changes Can be handled by independent teams