Book Image

The Art of Micro Frontends

By : Florian Rappl
Book Image

The Art of Micro Frontends

By: Florian Rappl

Overview of this book

Micro frontend is a web architecture for frontend development borrowed from the idea of microservices in software development, where each module of the frontend is developed and shipped in isolation to avoid complexity and a single point of failure for your frontend. Complete with hands-on tutorials, projects, and self-assessment questions, this easy-to-follow guide will take you through the patterns available for implementing a micro frontend solution. You’ll learn about micro frontends in general, the different architecture styles and their areas of use, how to prepare teams for the change to micro frontends, as well as how to adjust the UI design for scalability. Starting with the simplest variants of micro frontend architectures, the book progresses from static approaches to fully dynamic solutions that allow maximum scalability with faster release cycles. In the concluding chapters, you'll reinforce the knowledge you’ve gained by working on different case studies relating to micro frontends. By the end of this book, you'll be able to decide if and how micro frontends should be implemented to achieve scalability for your user interface (UI).
Table of Contents (21 chapters)
1
Section 1: The Hive - Introducing Frontend Modularization
6
Section 2: Dry Honey - Implementing Micro frontend Architectures
14
Section 3: Busy Bees - Scaling Organizations

Summary

In this chapter, you learned that a good developer experience is the best way to get the buy-in from the developer teams and keep the micro frontend solution attractive and clean. You learned about the different levels of developer experience that can be achieved and how to achieve them.

By using an existing framework, you can get much of the described experience for free. Adding your own functionality on top will lead to an ideal experience that accommodates your domain-specific problem, while being technically sound and maintained by another party.

You then learned that an important factor for a great DX is documentation. By providing a centralized documentation portal, you can ensure that people will be able to find relevant information. Adding dynamic parts such as videos will help make the material more visual, too.

Always remember to keep an eye open to improve the developer experience. As you saw, improvements such as unit testing, type declarations, and meaningful...