Building Micro-Frontends - Helion

ebook

Autor: Luca Mezzalira
ISBN: 9781492082941
stron: 336, Format: ebook
Data wydania: 2021-11-17
Księgarnia: Helion

Cena książki: 152,15 zł (poprzednio: 176,92 zł)
Oszczędzasz: 14% (-24,77 zł)

Osoby, które kupiły tę książkę, wybierały także »

What's the answer to today's increasingly complex web applications? Micro-frontends. Inspired by the microservices model, this approach lets you break interfaces into separate features managed by different teams of developers. With this practical guide, Luca Mezzalira shows software architects, tech leads, and software developers how to build and deliver artifacts atomically rather than use a big bang deployment.

You'll learn how micro-frontends enable your team to choose any library or framework. This gives your organization technical flexibility and allows you to hire and retain a broad spectrum of talent. Micro-frontends also support distributed or colocated teams more efficiently. Pick up this book and learn how to get started with this technological breakthrough right away.

Explore available frontend development architectures
Learn how microservice principles apply to frontend development
Understand the four pillars for creating a successful micro-frontend architecture
Examine the benefits and pitfalls of existing micro-frontend architectures
Learn principles and best practices for creating successful automation strategies
Discover patterns for integrating micro-frontend architectures using microservices or a monolith API layer

Osoby które kupowały "Building Micro-Frontends", wybierały także:

Windows Media Center. Domowe centrum rozrywki 66,67 zł, (8,00 zł -88%)
Ruby on Rails. Ćwiczenia 18,75 zł, (3,00 zł -84%)
DevOps w praktyce. Kurs video. Jenkins, Ansible, Terraform i Docker 190,00 zł, (39,90 zł -79%)
Przywództwo w świecie VUCA. Jak być skutecznym liderem w niepewnym środowisku 58,64 zł, (12,90 zł -78%)
Scrum. O zwinnym zarządzaniu projektami. Wydanie II rozszerzone 58,64 zł, (12,90 zł -78%)

Spis treści

Building Micro-Frontends eBook -- spis treści

Foreword
Preface
- Why I Wrote This Book
- Who This Book Is For
- How This Book Is Organized
- Conventions Used in This Book
- OReilly Online Learning
- How to Contact Us
- Acknowledgments
1. The Frontend Landscape
- Micro-Frontend Applications
- Single-Page Applications
- Isomorphic Applications
- Static-Page Websites
- Jamstack
- Summary
2. Micro-Frontend Principles
- Monolith to Microservices
  - Moving to Microservices
  - Introducing Micro-Frontends
- Microservices Principles
  - Modeled Around Business Domains
  - Culture of Automation
  - Hide Implementation Details
  - Decentralize Governance
  - Deploy Independently
  - Isolate Failure
  - Highly Observable
- Applying Principles to Micro-Frontends
  - Modeled Around Business Domains
  - Culture of Automation
  - Hide Implementation Details
  - Decentralize Governance
  - Deploy Independently
  - Isolate Failure
  - Highly Observable
- Micro-Frontends Are Not a Silver Bullet
- Summary
3. Micro-Frontend Architectures and Challenges
- Micro-Frontends Decisions Framework
  - Define Micro-Frontends
  - Domain-Driven Design with Micro-Frontends
  - How to Define a Bounded Context
  - Micro-Frontends Composition
    - Client-side composition
    - Edge-side composition
    - Server-side composition
  - Routing Micro-Frontends
  - Micro-Frontends Communication
- Micro-Frontends in Practice
  - Zalando
  - HelloFresh
  - AllegroTech
  - Spotify
  - SAP
  - OpenTable
  - DAZN
- Summary
4. Discovering Micro-Frontend Architectures
- Micro-Frontend Decisions Framework Applied
  - Vertical Split
  - Horizontal Split
- Architecture Analysis
  - Architecture and Trade-offs
- Vertical-Split Architectures
  - Application Shell
  - Challenges
    - Sharing state
    - Composing micro-frontends
    - Multiframework approach
    - Architecture evolution and code encapsulation
  - Implementing a Design System
  - Developer Experience
  - Search Engine Optimization
  - Performance and Micro-Frontends
  - Available Frameworks
  - Use Cases
  - Architecture Characteristics
- Horizontal-Split Architectures
  - Client Side
  - Challenges
    - Micro-frontend communication
    - Clashes with CSS classes and how to avoid them
    - Multiframework approach
    - Authentication
    - Micro-frontends refactoring
  - Search Engine Optimization
  - Developer Experience
    - Maintaining control with effective communication
  - Use Cases
  - Module Federation
    - Performance
    - Composition
    - Shared code
    - Developer experience
    - Use cases
    - Architecture characteristics
  - Iframes
    - Best practices and drawbacks
    - Developer experience
    - Available framework
    - Use cases
    - Architecture characteristics
  - Web Components
    - Web components technologies
    - Compatibility challenges
    - SEO and web components
    - Use cases
    - Architecture characteristics
  - Server Side
    - Scalability and response time
    - Infrastructure ownership
    - Composing micro-frontends
    - Micro-frontend communication
    - Available frameworks
    - Use cases
    - Architecture characteristics
  - Edge Side
    - Implementation details
    - Transclusion
    - Challenges
    - Developer experience
    - Use cases
    - Architecture characteristics
- Summary
5. Micro-Frontend Technical Implementation
- The Project
- Module Federation 101
- Technical Implementation
  - Project Structure
  - Application Shell
  - Authentication Micro-Frontend
  - Catalog Micro-Frontend
  - Account Management Micro-Frontend
- Project Evolution
  - Embedding a Legacy Application
  - Developing the Checkout Experience
  - Implementing Dynamic Remotes Containers
- Webpack Lock-in
- Summary
6. Build and Deploy Micro-Frontends
- Automation Principles
  - Keep a Feedback Loop Fast
  - Iterate Often
  - Empower Your Teams
  - Define Your Guardrails
  - Define Your Test Strategy
- Developer Experience
  - Horizontal Versus Vertical Split
  - Frictionless Micro-Frontends Blueprints
  - Environments Strategies
- Version Control
  - Monorepo
  - Polyrepo
  - A Possible Future for a Version Control System
- Continuous Integration Strategies
  - Testing Micro-Frontends
    - End-to-end testing
    - Vertical-split end-to-end testing challenges
    - Horizontal-split end-to-end testing challenges
    - Testing technical recommendations
  - Fitness Functions
  - Micro-Frontend-Specific Operations
- Deployment Strategies
  - Blue-Green Deployment Versus Canary Releases
  - Strangler Pattern
  - Observability
- Summary
7. Automation Pipeline for Micro-Frontends: A Case Study
- Setting the Scene
  - Version Control
  - Pipeline Initialization
  - Code-Quality Review
  - Build
  - Post-Build Review
  - Deployment
  - Automation Strategy Summary
- Summary
8. Backend Patterns for Micro-Frontends
- API Integration and Micro-Frontends
  - Working with a Service Dictionary
    - Implementing a service dictionary in a vertical-split architecture
    - Implementing a service dictionary in a horizontal-split architecture
  - Working with an API Gateway
    - One API entry point per business domain
    - A client-side composition, with an API gateway and a service dictionary
    - A server-side composition with an API gateway
  - Working with the BFF Pattern
    - A client-side composition, with a BFF and a service dictionary
    - A server-side composition, with a BFF and service dictionary
  - Using GraphQL with Micro-Frontends
    - The schema federation
    - Using GraphQL with micro-frontends and client-side composition
    - Using GraphQL with micro-frontends and a server-side composition
  - Best Practices
    - Multiple micro-frontends consuming the same API
    - APIs come first, then the implementation
    - API consistency
    - WebSocket and micro-frontends
    - The right approach for the right subdomain
    - Designing APIs for cross-platform applications
- Summary
9. From Monolith to Micro-Frontends: A Case Study
- The Context
  - Technology Stack
  - Platform and Main User Flows
  - Technical Goals
- Migration Strategy
  - Micro-Frontend Decisions Framework Applied
  - Splitting the SPA in Multiple Subdomains
  - Technology Choice
- Implementation Details
  - Application Shell Responsibilities
  - Application Initialization
  - Communication Bridge
    - Mounting and unmounting micro-frontends
    - Sharing state
    - Global and local routing
    - Migration strategy
  - Backend Integration
  - Integrating Authentication in Micro-Frontends
  - Dependencies Management
  - Integrating a Design System
  - Sharing Components
  - Implementing Canary Releases
  - Localization
- Summary
10. Introducing Micro-Frontends in Your Organization
- Why Should We Use Micro-Frontends?
- The Link Between Organizations and Software Architecture
  - How Do Committees Invent?
  - Features Versus Components Teams
- Implementing Governance for Easing the Communication Flows
  - Requests for Comments
  - Architectural Decision Records
- Techniques for Enhancing the Communication Flow
  - Working Backward
  - Community of Practice and Town Halls
  - Managing External Dependencies
- A Decentralized Organization
  - Decentralization Implications with Micro-Frontends
- Summary
A. What Does the Community Think About Micro-Frontends?
- Nimisha Asthagiri, Chief Architect at edX
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontend project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience like in your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - What are the main challenges in embracing this architecture from your perspective?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
- Felipe Guizar, Senior Software Engineer at Wizeline
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
    - Context
    - Benefits
    - Pitfalls
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontends project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience like in your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - What are the main challenges of embracing this architecture from your perspective?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
- Anthony Frehner, Frontend Architect
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS projects related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontend project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience on your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - What are the main challenges in embracing this architecture from your perspective?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
- Joel Denning, Frontend Software Dev and Independent Consultant
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - Which benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontends project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience on your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - What are the main challenges in embracing this architecture from your perspective?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
- Zack Jackson, Principal Engineer of Lululemon
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontend project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience on your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - What are the main challenges in embracing this architecture from your perspective?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
- Erik Grijzen, Software Engineer
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontend project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience on your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - What are the main challenges in embracing this architecture from your perspective?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words...
- David Leitner, Cofounder of SQUER Solutions
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontends project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? Which challenges have you faced?
  - What was the developer experience on your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
- Philipp Pracht, Architect and Product Owner at SAP
  - Please introduce yourself.
  - What is your experience with micro-frontends?
  - What benefits and pitfalls did you encounter in your journey with micro-frontends?
  - Did you contribute to any OSS project related to micro-frontends? If so, which one?
  - When would you suggest using micro-frontends, and when should we avoid them?
  - At the end of your last micro-frontend project, what worked and what didnt?
  - What are the must-have tools for developers to have an efficient experience with micro-frontends?
  - What would you suggest for a person who wants to embrace this architecture?
  - What was the impact of introducing micro-frontends to developers who didnt know about them? What challenges have you faced?
  - What was the developer experience on your last project?
  - Many developers are concerned about performance and design consistency with micro-frontends. What are your suggestions for overcoming these challenges?
  - What are the first steps for working with micro-frontends?
  - Can you share the main thing to avoid when working with micro-frontends?
  - From your perspective, what are the main challenges in embracing this architecture?
  - Would you like to share some useful resources about micro-frontends?
  - Micro-frontends in three words
Index