Micro Frontends in Action

  • 9h 14m 4s
  • Michael Geers
  • Manning Publications
  • 2021

Browser-based software can quickly become complex and difficult to maintain, especially when it's implemented as a large single-page application. By adopting the micro frontends approach and designing your web apps as systems of features, you can deliver faster feature development, easier upgrades, and pick and choose the technology you use in your stack. Micro Frontends in Action is your guide to simplifying unwieldy frontends by composing them from small, well-defined units.

About the technology

Micro frontends deliver the same flexibility and maintainability to browser-based applications that microservices provide for backend systems. You design your project as a set of stand-alone components that include their own interfaces, logic, and storage. Then you develop these mini-applications independently and compose them in the browser.

About the audiobook

Micro Frontends in Action teaches you to apply the microservices approach to the frontend. You’ll start with the core micro frontend design ideas. Then, you'll build an e-commerce application, working through practical issues like server-side and client-side composition, routing, and maintaining a consistent look and feel. Finally, you'll explore team workflow patterns that maximize the benefit of developing application components independently.

What's inside

  • Create a unified frontend from independent applications
  • Combine JavaScript code from multiple frameworks
  • Browser and server-side composition and routing
  • Implement effective dev teams and project workflow

In this Audiobook

  • Chapter 1 - What are Micro Frontends?
  • Chapter 2 - My First Micro Frontends Project
  • Chapter 3 - Composition with Ajax and Server-Side Routing
  • Chapter 4 - Server-Side Composition
  • Chapter 5 - Client-Side Composition
  • Chapter 6 - Communication Patterns
  • Chapter 7 - Client-Side Routing and the Application Shell
  • Chapter 8 - Composition and Universal Rendering
  • Chapter 9 - Which Architecture Fits My Project?
  • Chapter 10 - Asset Loading
  • Chapter 11 - Performance is Key
  • Chapter 12 - User Interface and Design System
  • Chapter 13 - Teams and Boundaries
  • Chapter 14 - Migration, Local Development, and Testing