This course walks through introductory code examples that explain core concepts of microfrontends with single-spa.
Microfrontend Fundamentals
2h 15m 1s
English
Paid
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
About the Author: Single-SPA Workshop
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.
Watch Online 11 lessons
0:00
/ #1: Course Intro
All Course Lessons (11)
| # | Lesson Title | Duration | Access |
|---|---|---|---|
| 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 subscriptionRelated courses
-
Updated 2y agoMicrofrontend Architecture Intro
By: Single-SPA WorkshopLearn how you can plan and build microfrontend apps with single-spa. This course shows core ideas, trade-offs, and team use cases.2h 16m
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.