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
The Art of Micro Frontends

The Art of Micro Frontends - Second Edition

By : Florian Rappl
close
close
The Art of Micro Frontends

The Art of Micro Frontends

By: Florian Rappl

Overview of this book

The organizational pattern of micro frontends allows you to split web applications into multiple parts, where each part can be owned by an autonomous team. Each team can have its own development and deployment life cycle, allowing every part of an application to be shipped in isolation. Following the strategies outlined in this book, you can avoid complexity while increasing resilience for your frontend. This updated second edition will guide you through the patterns available to implement a micro frontend solution. You’ll learn about micro frontends, the different architecture styles, and their areas of use. Then, you’ll learn how to prepare teams for the change to micro frontends, as well as how to adjust the user interface (UI) design and your CSS styles 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 strengthen the security level of your micro frontend solution, while reinforcing your overall knowledge with real-world case studies relating to micro frontends. By the end of this book, you’ll be able to decide whether and how micro frontends should be implemented to achieve high scalability for your web app.
Table of Contents (27 chapters)
close
close
Lock Free Chapter
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

Composing micro frontends dynamically

We briefly introduced the idea of using a central web component registry to lazily load the different scripts required to make the web components work. This would indeed be the ultimate solution, as it is lazy yet dynamic. However, to make this fully operational is also not easy. An easier way is to start with a micro frontend discovery service.

Using a micro frontend discovery service

A micro frontend discovery service is similar to the link dictionary introduced in Chapter 6. However, instead of a server resolution, it would just return paths to all the available scripts.

For example, the following API response could be triggered for the tractor store sample:

{
  "scripts": [
    "http://localhost:2001/product-page.js",
    "http://localhost:2002/basket-info.js",
    "http://localhost:2002/buy-button.js",
   ...
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