Course Outline
Introduction
- Overview of micro-frontend architecture and core concepts
- Fundamentals of React
Getting Started
- Setting up the development environment
- Basics of module federation
- Other frontend frameworks
Building Micro Frontends
- Creating a project structure using React
- Converting to micro-frontends
- Modifying micro-frontend apps
- Sharing dependencies and linking multiple apps
Integrating Host/Containers with Micro Frontends
- Build-time vs run-time integrations
- Assembling the app components
Working with CSS in Micro Frontends
- Modifying the header component
- Understanding CSS in JS libraries
- Common issues with CSS in Micro Frontends
- Debugging and fixing issues
Configuring Authentication in Micro Frontends
- Implementation approaches
- Communicating authentication changes
- Adding an auth deploy config
Deploying Micro Frontends
- Requirements for deployment
- Implementing the CI/CD pipeline
- Testing the pipeline
- Running the deployment
- Verifying the deployment
Troubleshooting
Summary and Next Steps
Requirements
- Experience with React
- Javascript programming experience
Audience
- Developers
Testimonials (2)
How the trainer structured and explained the lessons: from the pace of speech to the information explained, so that both experienced and beginners understand. Thank you, Marcin!
Ana - MSG system
Course - Building Micro Frontends with React
He is very patient and understanding towards the participants. Always there to provide us with valuable insights and advice to adopting micro-frontend in our own organisation. He also taught us how to implement micro frontend without utilising any boilerplate codes.