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:
Matt Frye Christopher Baker Joel Keyser Caleb Soper Brett Allenstein Hannah Reuss