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
  21 Hours
 

Testimonials

Related Courses

Managing React State with MobX

  14 hours

Material UI

  7 hours

Ant Design

  7 hours

React: Build Highly Interactive Web Applications

  21 hours

Relay: Efficiently Fetch Data in React Applications

  14 hours

Building Interactive Applications with React, Redux and GraphQL

  28 hours

React, Redux and TypeScript

  21 hours

React Patterns

  14 hours

Testing React Apps with Jest

  14 hours

Advanced React

  14 hours

PHP with React

  14 hours

React, Relay, and GraphQL

  14 hours

Choosing the Right JavaScript Framework

  14 hours

Transform a React Application into a Progressive Web App (PWA)

  14 hours

Localize Your React Application

  7 hours