Session Spotlight

Christopher Baker

Camp Counselor

Simplify Micro Frontend Architecture Using React to Web Component

Event Logo

Wednesday, July 31, 2024 - 9:00 PM UTC, for 1 hour.

Regular, 60 minute presentation

Room: African 20

The talk will open with a brief overview of MFEs and the benefits and complications they introduce. We’ll look at a small example site pre-built in React, walk through the process of converting the layout and pages using React to Web Component, and turn those newly created Web Components into an MFE app, incorporating a few web components from other sources, and demonstrating static and dynamic routes and data fetching, and deploy it to GitHub Pages.

Take Aways

  • Understand some of the challenges of Micro Frontends.
  • Learn how to implement MFEs with React using R2WC.

Supporting Resources

favorited by:
Ryan Spencer Dustin Ewers Matt Frye Daniel Maley Spenser Austin Cody Sand Christopher Baker Christopher Ebbert Abby Autry Brett Christiansen Nick Heidke Joel Keyser Clay Hess Caleb Soper Carlos "El Guapo" Porras Rodriguez Jacob Graf Joshua Doro Brett Allenstein Jesse Dahir-Kanehl Stephen Rimbakusumo Cody Lewis Hannah Reuss Jason Von Ruden Steve Riebe Drew Nys Shaq Mughal