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 applications
- Sharing dependencies and linking multiple applications
Integrating Host/Containers with Micro Frontends
- Build-time versus run-time integrations
- Assembling application components
Working with CSS in Micro Frontends
- Modifying the header component
- Understanding CSS-in-JS libraries
- Common CSS issues in micro-frontends
- Debugging and resolving issues
Configuring Authentication in Micro Frontends
- Implementation approaches
- Communicating authentication changes
- Adding an authentication deployment configuration
Deploying Micro Frontends
- Deployment requirements
- 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.
