An Opinionated Introduction to Micro-frontends
An Opinionated Introduction to Micro-frontends
with React, Vue, and Svelte
About the Book
A gentle and opinionated introduction to micro-frontends.
Dive into the world of micro-frontends with this practical and insightful introduction. Designed for teams looking to adopt a modular approach to front-end development, this book demystifies the core concepts, advantages, and challenges of micro-frontends. Through a hands-on project, we'll explore a combination of Custom Dynamic Loading and Service-Oriented Architecture (SOA), illustrating how to integrate different JavaScript frameworks like Vue, Svelte, and React.
Discover how to build scalable and flexible applications by breaking them down into independently deployable micro-frontends. This guide provides a step-by-step approach to constructing a sample project, enabling you to make informed decisions and tackle common obstacles in real-time.
Whether you're part of a large team or working on a complex application, this book offers the strategies and insights needed to enhance your project's architecture and streamline your development process.
About the Author
Table of Contents
- AN OPINIONATED INTRODUCTION TO MICRO-FRONTENDS
- Preface
- Goal
- About Me
- Audience
- Text Conventions
- Prerequisites
- Companion Code
- Chapter 1 - Definitions and Architecture Overview
- Overview of Possible Architecture Solutions
- Summary
- Chapter 2 - Sample Project Architecture
- The Container App (container-app)
- Microfrontend1 (Built with React)
- Microfrontend2 (Built with Svelte)
- Microfrontend3 (Built with Vue)
- Integration Strategy
- Conclusion
- Chapter 3 - Microfrontend1 Project (React)
- Directory Structure
- Create Project Wizard
- Chapter 3 Recap
- Chapter 4 - Microfrontend2 Project (Svelte)
- Create Project Wizard
- Chapter 4 Recap
- Chapter 5 - Microfrontend3 Project (Vue)
- Create Project Wizard
- Chapter 5 Recap
- Chapter 6 - Setting Up The Container App
- Create Project Wizard
- Chapter 6 Recap
- Chapter 7 - Types and Utils
- MicroFrontend Interface
- MicroFrontendLoader Utility
- Container-app Configuration
- App.vue changes
- Chapter 7 Recap
- Chapter 8 - Getting the Microfrontends Ready
- Microfrontend1 (React app)
- Microfrontend2 (Svelte app)
- Microfrontend3 (Vue app)
- Adding a global package.json
- Chapter 8 Recap
- Chapter 9 - CSS Styles
- Root Styles Project
- Chapter 9 Recap
- Chapter 10 - Structuring the Layout
- Structuring the Initial Container-App Layout
- Chapter 10 Recap
- Chapter 11 - Postbox - intermodule communication
- Create Project Wizard
- Test it
- Chapter 11 Recap
- Chapter 12 - Sample outline using import maps (chapter content in progress)
The Leanpub 60 Day 100% Happiness Guarantee
Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.
Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.
You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!
So, there's no reason not to click the Add to Cart button, is there?
See full terms...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book for $20, you'll earn $80,000.
(Yes, some authors have already earned much more than that on Leanpub.)
In fact, authors have earnedover $14 millionwriting, publishing and selling on Leanpub.
Learn more about writing on Leanpub
Free Updates. DRM Free.
If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).
Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.
Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.
Learn more about Leanpub's ebook formats and where to read them
