Micro Frontend Fundamentals
This course will teach you the fundamentals of micro frontends, their implementation, and the technical problems they solve. The approach in this course has been opted by many organizations worldwide.
What you'll learn
Are you curious about how to build a single application with components from different frontend technologies like Angular, React, and Vue? In this course, Micro Frontend Fundamentals, you’ll learn to implement a micro frontend using Webpack’s module federation. First, you’ll explore how we came to micro frontends from monoliths. Next, you’ll discover the types of integrations available to implement micro frontends, strategies to implement runtime integration like Weback module federation, and how to go about sharing common dependencies. Finally, you’ll learn how to take care of applications using different libraries and frameworks like React, Vue, and Angular. When you’re finished with this course, you’ll have the skills and knowledge of micro frontends needed to understand the already implemented micro frontend and how to create a new one and integrate it.
Table of contents
- Introduction 0m
- Overview 2m
- Runtime Integration via JavaScript 1m
- Project Setup 1m
- First Things First 1m
- Runtime Integration Demo: Building the Application 8m
- Serving the Application 5m
- Setting up Container Application 4m
- Implementing Module Federation for Integration 9m
- Understanding Configuration 3m
- Setting up Detail Application 4m
- Communication 11m
- Sharing Dependencies 4m
- Summary 1m
About the author
Shubham Sinha has been a developer for more than 5 years now and has been working on design and development in the core technology as well as enterprise tools like ServiceNow. He is well acquainted with the multi-tenant and multi-instance architecture on which most of the platforms like ServiceNow, Salesforce and SAP primarily works. He has worked on projects including Field Service Management, Portal Development and Internal Tools and he is very well versed with core features necessary to bui... more