Microfrontends with React: A Complete Developer’s Guide

Build incredibly scalable apps with a microfrontend architecture

Congratulations! You’ve found the most popular, most complete, and most up-to-date resource online for learning how to use microfrontends!

What you’ll learn

  • Use microfrontends to architect an app that dozens of teams can work on at the same time.
  • Structure your apps to scale to millions of users.
  • Understand how to divide a monolithic app into multiple sub-apps.
  • Coordinate data exchanged between your microfrontends.
  • Apply a production-style workflow with a full CI/CD pipeline.
  • Deploy your microfrontends to Amazon Web Services with CloudFront.
  • Isolate rules styling by applying CSS-scoping techniques.
  • Judge whether microfrontends are an appropriate choice for your application.

Course Content

  • The Basics of Microfrontends –> 10 lectures • 40min.
  • The Basics of Module Federation –> 7 lectures • 42min.
  • Sharing Dependencies Between Apps –> 9 lectures • 49min.
  • Linking Multiple Apps Together –> 11 lectures • 42min.
  • Generic Ties Between Projects –> 7 lectures • 43min.
  • Implementing a CI/CD Pipeline –> 8 lectures • 51min.
  • Deployment to Amazon Web Services –> 8 lectures • 33min.
  • Microfrontend-Specific AWS Config –> 8 lectures • 37min.
  • Handling CSS in Microfrontends –> 8 lectures • 40min.
  • Implementing Multi-Tier Navigation –> 12 lectures • 55min.

Microfrontends with React: A Complete Developer's Guide

Requirements

  • Basic understanding of React.

Congratulations! You’ve found the most popular, most complete, and most up-to-date resource online for learning how to use microfrontends!

Thousands of other engineers have learned microfrontends, and you can too. This course uses a time-tested, battle-proven method to make sure you understand exactly how microfrontends work, and will get you a new job working as a software engineer or help you build that app you’ve always been dreaming about.

The difference between this course and all the others: you will understand the design patterns used by top companies to build massively popular web apps.

Microfrontends are used to divide a large app into a series of smaller apps. This provides a set of unique benefits to any frontend:

  1. Author smaller, easier to understand codebases
  2. Use a different set of libraries for each sub-app – bring the best tool for the job!
  3. Deploy each portion separately – limit the chance of interrupting your users
  4. Allow each of your engineering teams to work independently

This new architecture is popular, but there is a lot of misinformation online. This course has been developed with input from top engineers to ensure total technical accuracy. Additionally, you’ll learn how to evaluate whether microservices are a good choice for your application.

———————-

What will you build?

This course features hundreds of videos with dozens of custom diagrams to help you understand how microfrontends work. No prior experience is necessary. Through tireless, patient explanations and many interesting practical examples, you’ll learn the fundamentals of building dynamic and live web apps using microfrontends.

Each topic included in this course is added incrementally, to make sure that you have a solid foundation of knowledge. You’ll find plenty of discussion added in to help you understand exactly when and where to use each aspect of microfrontends.

Below is a partial list of the topics you’ll find in this course:

  • Learn design patterns used by the largest companies in the world
  • Understand when to use microfrontends
  • Link multiple apps together using a tiered routing system
  • Scope CSS on your page to prevent cross-app contamination
  • Avoid sharing state between apps to promote isolation
  • Deploy each portion of your app independently to avoid production bugs
  • Scaffold a CI/CD pipeline to automate your release process
  • Utilize multiple front-end frameworks in the same app
  • Maximize performance by using module federation

I built this course to save you hundreds of hours of self study. I’ve put years of my own experience into this course to save you time. Sign up today and join me in mastering microfrontends.

Get Tutorial