Sign In Start Free Trial
Account

Add to playlist

Create a Playlist

Modal Close icon
You need to login to use this feature.
  • Book Overview & Buying The Art of Micro Frontends
  • Table Of Contents Toc
  • Feedback & Rating feedback
The Art of Micro Frontends

The Art of Micro Frontends

By : Florian Rappl
close
close
The Art of Micro Frontends

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 (27 chapters)
close
close
1
Part 1:The Hive – Introducing Frontend Modularization
6
Part 2: Dry Honey – Implementing Micro Frontend Architectures
14
Part 3: Bee Brood – Implementation Details
19
Part 4: Busy Bees – Scaling Organizations

Architectural boundaries

When discussing architectural boundaries, we are already entering the code level. Here, we go beyond the domain model and into the following areas:

  • What capabilities do the micro frontends have?
  • How much freedom do we give the micro frontends regarding their structure and design?
  • Which APIs (for example, of the Document Object Model (DOM)) can the micro frontends use?
  • Where are the micro frontends decoupled from the application and where are they really tightly bound to the surrounding system?

As usual, the answer is "it depends," but we can still come up with things to consider and keep in mind that they will apply to almost every sound solution.

Let's start with shared capabilities, before determining what is needed for choosing the right level of freedom. After an example of accessing the DOM, we'll conclude with a discussion about the universality of micro frontends.

Shared capabilities

When creating...

Visually different images
CONTINUE READING
83
Tech Concepts
36
Programming languages
73
Tech Tools
Icon Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.
Icon Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.
Icon 50+ new titles added per month and exclusive early access to books as they are being written.
The Art of Micro Frontends
notes
bookmark Notes and Bookmarks search Search in title playlist Add to playlist download Download options font-size Font size

Change the font size

margin-width Margin width

Change margin width

day-mode Day/Sepia/Night Modes

Change background colour

Close icon Search
Country selected

Close icon Your notes and bookmarks

Confirmation

Modal Close icon
claim successful

Buy this book with your credits?

Modal Close icon
Are you sure you want to buy this book with one of your credits?
Close
YES, BUY

Submit Your Feedback

Modal Close icon
Modal Close icon
Modal Close icon