Module Federation Essentials

Targeted at people with no experience in micro frontends this workshop introduces you to micro frontends using Webpack Module Federation.

Some essential properties are shared by all of our offered workshops.

• ✅ Condensed transfer of expert knowledge
• ✅ Interactive session to ask questions and form discussions
• ✅ Examples you can use as a blueprint and guideline for your projects
• ✅ Lots of practical examples, step-by-step exercises, and live coding
• ✅ Pair programming with the instructor
• ✅ Designed by Dr. Florian Rappl

Goals

• 🎯 Understanding what Module Federation is and how it can help with micro frontends
• 🎯 Knowledge of common problems and solutions with Webpack Module Federation
• 🎯 Being able to implement a micro frontend solution using a mono repo

Prerequisites

• First experiences with React or a similar framework
• Decent knowledge of JavaScript and basic knowledge of Webpack

Location and Duration

• Remote and In-House
• 1 day

Upcoming Dates

2024 03.09. 9am - 5pm (CET)

Module Federation Essentials

Remote

English

Florian Rappl

Book Now

Agenda

Theory block

• Package management
• Dependency sharing techniques

Guided work

• Set up Webpack and initialize module federation to share dependencies

Theory block

• Which dependencies can be shared and under which circumstances?
• Putting constraints on shared dependencies

Guided work

• Migrate to a monorepo and run multiple applications side-by-side

Theory block

• Share components between applications
• Improve build time with module federation
• Decouple modules using loose coupling techniques

Guided work

• Implementation of the tractor shop using a monorepo and module federation with loose coupling

Conclusion

• List of things to watch out for when going in production
• Available options for making frontend architecture decisions