The art of micro frontends : build websites using compositional UIs that grow naturally as your application scales / Florian Rappl.

Format:

Book

Author/Creator:

Rappl, Florian, author.

Language:

English

Subjects (All):

User interfaces (Computer systems).

Web site development.

Physical Description:

1 online resource (310 pages)

Place of Publication:

London, England : Packt Publishing, Limited, [2021]

Biography/History:

Rappl Florian: Florian Rappl is a solution architect working on distributed web applications for digital transformation and IoT projects. His main interest lies in the implementation of micro frontends and their impact on teams and business models. As the lead architect he helped to create outstanding web applications for many industry leading companies. He regularly gives lectures on software design patterns and web development. Florian won multiple prizes for his work over the years and is recognized as a Microsoft MVP for development technologies. He started his career in software engineering before studying physics and helping to build an energy-efficient supercomputer. Florian currently lives in Munich, Germany, with his wife and two daughters.

Summary:

Choosing and being able to implement the right architecture for your website is business critical. This book will help you to understand what architectures are available for compositional UIs as well as why and how to implement them. The book is also a useful resource for frontend architects, teams leads, and lead developers.

Contents:

Cover

Title page

Copyright and Credits

Dedication

Foreword

Contributors

Table of Contents

Preface

Section 1: The Hive - Introducing Frontend Modularization

Chapter 1: Why Micro frontends?

Evolution of web applications

Programming the web

The social web

Separation of frontend and backend

Everything becomes micro

From SOA to microservices

Advantages of microservices

Disadvantages of microservices

Micro and frontend

Emerging web standards

Isolation via Web Components

Frame communication

Web workers and proxies

Faster TTM

Decreasing onboarding time

Multiple teams

Isolated features

A/B testing

Summary

Chapter 2: Common Challenges and Pitfalls

Performance

Resource caching

Bundle size

Request optimizations

Security

Central user management

Individual user management

Script execution

Knowledge sharing

Reliability

User experience

Wording

Pattern libraries

Chapter 3: Deployment Scenarios

Central deployments

Using a monorepo

Joining multiple repositories

Distributed deployments

Using dedicated pipelines

Hybrid solutions

Scheduled releases

Triggering on change

Chapter 4: Domain Decomposition

Principles of DDD

Modules

Bounded context

Context map

Strategic domain design versus tactical design

SoC

Technical split

Functional split

Example decomposition

Architectural boundaries

Shared capabilities

Choosing the right level of freedom

Accessing the DOM

Universality of microfrontends

Section 2: Dry Honey - Implementing Microfrontend Architectures

Chapter 5: Types of Micro frontend Architectures

Technical requirements

The micro frontend landscape

Static versus dynamic micro frontends.

Horizontal- versus vertical-composed micro frontends

Backend- versus frontend-driven micro frontends

Chapter 6: The Web Approach

Basics of the web approach

The architecture

Sample implementation

Potential enhancements

Advantages and disadvantages

Links

Central linking directory

Local linking directory

Iframes

Accessibility

Layout

Chapter 7: Server-Side Composition

Basics of server-side composition

Introducing Mosaic 9

Introducing Podium

Known users

Creating a composition layout

Understanding layout responsibilities

Using SSI

Using ESI

Using JS template strings

Setting up micro frontend projects

Podlets

Examining the life cycle

Chapter 8: Edge-Side Composition

Basics of edge-side composition

SSI and ESI

SSI

ESI

Stitching in BFFs

Chapter 9: Client-Side Composition

Basics of client-side composition

Diving into Web components

Understanding Web components

Isolating styles with shadow DOM

Composing micro frontends dynamically

Using a micro frontend registry

Updating micro frontends at runtime

Chapter 10: SPA Composition

Basics of SPA composition

Building a core SPA shell

Activating pages

Sharing dependencies.

Integrating SPA micro frontends

Declaring the lifecycle

Using cross-framework components

Exploring communication patterns

Exchanging events

Sharing data

Extending components

Chapter 11: Siteless UIs

The basics of siteless UIs

Comparing with serverless

Developing locally

Publishing modules

Creating a runtime

Building a runtime with Piral

Deploying a runtime with Piral

Writing modules

Looking at a pilet's life cycle

Implementing framework-agnostic components

Section 3: Busy Bees - Scaling Organizations

Chapter 12: Preparing Teams and Stakeholders

Communicating with C-level stakeholders

Managing expectations

Writing executive summaries

Handling product owners and steering committees

Team organization

Understanding possible team setups

Changing team organizations

Chapter 13: Dependency Management, Governance, and Security

Sharing all or nothing

What about change management?

Establishing a governance model

Sandboxing micro frontends

General security concerns and mitigations

Chapter 14: Impact on UX and Screen Design

Always adding one

Learning to start at zero

Sharing designs efficiently

Creating designs without designers

Chapter 15: Developer Experience

Providing a minimum developer experience

Supporting development in standard IDEs

Improving the scaffolding experience

Establishing a decent developer experience

Centralizing code documentation

Documenting with videos

Assisting with code analysis

Improving testability

Achieving the best developer experience

Integrating error codes

Providing an offline-first development environment.

Customizing via browser extensions

Implementing a developer portal

Chapter 16: Case Studies

A user-facing portal solution

Problem description

Team setup

Solution

Impact

An administration portal solution

A healthcare management solution

Epilogue

Why subscribe?

Other Books You May Enjoy

Index.

Notes:

Description based on print version record.

ISBN:

1-80056-560-7

1-80056-356-6

OCLC:

1457220298