CF

Microfrontend Fundamentals

2h 15m 1s
English
Paid
Updated September 2026

Microfrontend Fundamentals is a 11-lesson 2 hours 15 minutes self-paced course by Single-SPA Workshop. Microfrontend Fundamentals is a short, code-first introduction to the core ideas behind microfrontends, taught through single-spa — the framework created by Joel Denning, who has since helped dozens of companies put microfrontends…

Course facts

Lessons
11
Duration
2 hours 15 minutes
Level
All levels
Language
English
Updated
2026-09-11
Instructor
Single-SPA Workshop
Price
Premium

Microfrontend Fundamentals is a short, code-first introduction to the core ideas behind microfrontends, taught through single-spa — the framework created by Joel Denning, who has since helped dozens of companies put microfrontends into production.

Working through a set of introductory code examples, you'll see how single-spa splits a frontend into independently deployable pieces and orchestrates them together at runtime. It's a practical starting point before tackling a full microfrontend migration of your own.

Companion code is available on GitHub for following along.

Five years ago, Joel Denning authored the most popular and mature microfrontends framework, single-spa. Since then, he's implemented microfrontends with dozens of companies. Single-spa workshop is where Joel shares his secrets that will accelerate your implementation.

Additional

https://github.com/single-spa-workshop/microfrontend-fundamentals

Who teaches Microfrontend Fundamentals? Single-SPA Workshop

Single-SPA Workshop thumbnail

Single-SPA Workshop is the official paid workshop content for the single-spa microfrontend framework — an open-source orchestration layer that lets multiple front-end applications (potentially in different frameworks) coexist on the same page. The workshop material is authored by the core single-spa maintainers.

The CourseFlix listing carries Microfrontend Fundamentals and Microfrontend Architecture Intro — both paid courses aimed at front-end teams large enough that splitting a monolithic SPA into independent deployable parts has become an architectural problem worth solving.

What lessons are included in Microfrontend Fundamentals?

This is a demo lesson (10:00 remaining)

You can watch up to 10 minutes for free. Subscribe to unlock all 11 lessons in this course and access 10,000+ hours of premium content across all courses.

View Pricing
0:00
/
#1: Course Intro
All Course Lessons (11)
#Lesson TitleDurationAccess
1
Course Intro Demo
01:25
2
Your first application
09:10
3
UI Frameworks
18:27
4
Root config
07:22
5
Routing
22:17
6
CSS
13:51
7
Layout
11:58
8
Shared dependencies
12:28
9
Sharing components, logic, and state
11:42
10
Local development
10:03
11
CLI
16:18
Unlock unlimited learning

Get instant access to all 10 lessons in this course, plus thousands of other premium courses. One subscription, unlimited knowledge.

Learn more about subscription

What courses are similar to Microfrontend Fundamentals?

More courses by Single-SPA Workshop

Frequently asked questions

What prerequisites are needed for this course?
Basic knowledge of JavaScript, HTML, and CSS is recommended before taking this course. Familiarity with modern UI frameworks can also be helpful, as the course covers integrating various UI frameworks in a microfrontend architecture.
What will I build during this course?
Throughout the course, you will work on building your first microfrontend application using single-spa. This will involve setting up a root configuration, managing routing, and sharing dependencies and components across microfrontends.
Who is the target audience for this course?
This course is designed for web developers interested in learning about microfrontend architecture. It is particularly useful for those looking to manage complex frontend projects by dividing them into smaller, independently deployable units.
How does this course compare in depth and scope to other microfrontend courses?
This course focuses on fundamental concepts of microfrontends, providing a solid introductory foundation. It uses single-spa as the main tool for implementation. It is suitable for beginners who are new to microfrontends, whereas other courses might cover advanced topics or different frameworks.
What specific tools or platforms does this course cover?
The course specifically covers the single-spa framework for implementing microfrontends. It also delves into using CLI tools for local development and managing shared dependencies and layout configurations.
What topics are not covered in this course?
Advanced topics such as server-side rendering for microfrontends, performance optimization, and specific integrations with backend services are not covered in this course. The focus remains on understanding and implementing basic microfrontend architecture with single-spa.
What is the time commitment for completing this course?
The course comprises 11 lessons. While the total runtime of video content is not specified, students should allocate additional time for hands-on practice and understanding the code examples provided. This workload can vary based on prior experience with the tools and concepts discussed.