Course Outline
Introduction
- Overview of micro-frontend architecture and its core concepts for government applications
- Fundamentals of React, tailored for government use cases
Getting Started
- Setting up the development environment for government projects
- Basics of module federation in a government context
- Exploring other frontend frameworks suitable for government applications
Building Micro Frontends
- Creating a project structure using React, optimized for government workflows
- Converting existing applications to micro-frontends for enhanced modularity and scalability
- Modifying micro-frontend apps to align with public sector requirements
- Sharing dependencies and linking multiple apps in a secure manner for government
Integrating Host/Containers with Micro Frontends
- Build-time versus run-time integrations, ensuring compliance with government standards
- Assembling app components to meet public sector governance needs
Working with CSS in Micro Frontends
- Modifying the header component for government applications
- Understanding CSS in JS libraries and their application in a government context
- Addressing common issues with CSS in micro-frontends, tailored for public sector environments
- Debugging and fixing issues to ensure seamless user experiences for government users
Configuring Authentication in Micro Frontends
- Implementation approaches that align with government security protocols
- Communicating authentication changes across micro-frontends in a secure manner
- Adding an auth deploy config to meet public sector compliance requirements
Deploying Micro Frontends
- Requirements for deployment, adhering to government standards and regulations
- Implementing the CI/CD pipeline for efficient and secure deployment processes in government
- Testing the pipeline to ensure reliability and compliance with public sector guidelines
- Running the deployment with robust monitoring and logging for government applications
- Verifying the deployment to confirm that all components meet government performance and security standards
Troubleshooting
Summary and Next Steps
Requirements
- Experience with React for government applications
- Javascript programming experience for government projects
Audience
- Government 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.