Micro-frontends let you build a website or web app as a composition of features that you can create and work on separately.

We just published a course on the freeCodeCamp.org YouTube channel that will teach you all about micro-frontends.

Jack Herrington created this course. Jack has worked as a principle engineer and is an excellent teacher.

In this course, Jack will take you from just starting out, to understanding asynchronous loading, error handling, shared state, cross platform micro-frontends, how to route multiple applications together, and even how to test micro-frontend code.

image-32
Diagram from https://micro-frontends.org

Here are the sections covered in this course:

  • Micro-Frontend demo
  • Why Micro-Frontends?
  • Why Module Federation?
  • Asynchronous Loading
  • Error Handling
  • Server Setup
  • Sharing Functions
  • Nomenclature
  • Sever Cart Setup
  • Sharing State
  • Sharing the JWT
  • Sharing the Cart
  • State Sharing Alternatives
  • Finishing the Cart
  • Cross-Platform Micro-Frontends
  • Micro-Frontend Routing
  • Unit Testing
  • End-To-End Testing
  • What's Next?

Watch the full course below or on the freeCodeCamp.org YouTube channel (2-hour watch).