Book description
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 standalone components that include their own interfaces, logic, and storage. Then you develop these mini-applications independently and compose them in the browser.
About the Book
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
About the Reader
For web developers, software architects, and team leaders.
About the Author
Michael Geers is a software developer specializing in building user interfaces.
Quotes
An excellent starting point to understand how to introduce micro frontends in your projects.
- Potito Coluccelli
You can base your Micro Frontends directly off the examples in the book!
- Barnaby Norman, Frontend Developer
Expert practical advice for robust frontend development. The final piece of the micro puzzle!
- Adail Retamal, Cubic Transportation Systems
A very concise and logically structured introduction to implementing a micro frontends team infrastructure.
- Tanya Wilke, Sanlam
A definitive guide for applying micro frontends architecture to any existing UI technology.
- Karthikeyarajan Rajendran, Johnson Controls India
Publisher resources
Table of contents
- Micro Frontends in Action
- Copyright
- contents
- front matter
- Part 1. Getting started with micro frontends
- 1 What are micro frontends?
- 2 My first micro frontends project
- Part 2. Routing, composition, and communication
- 3 Composition with Ajax and server-side routing
- 4 Server-side composition
- 5 Client-side composition
- 6 Communication patterns
- 7 Client-side routing and the application shell
- 8 Composition and universal rendering
- 9 Which architecture fits my project?
- Part 3. How to be fast, consistent, and effective
-
10 Asset loading
-
10.1 Asset referencing strategies
- 10.1.1 Direct referencing
- 10.1.2 Challenge: Cache-busting and independent deployments
- 10.1.3 Referencing via redirect (client)
- 10.1.4 Referencing via include (server)
- 10.1.5 Challenge: Synchronizing markup and asset versions
- 10.1.6 Inlining
- 10.1.7 Integrated solutions (Tailor, Podium, ...)
- 10.1.8 Quick summary
- 10.2 Bundle granularity
- 10.3 On-demand loading
- Summary
-
10.1 Asset referencing strategies
- 11 Performance is key
- 12 User interface and design system
- 13 Teams and boundaries
- 14 Migration, local development, and testing
- index
Product information
- Title: Micro Frontends in Action
- Author(s):
- Release date: September 2020
- Publisher(s): Manning Publications
- ISBN: 9781617296871
You might also like
book
Designing Data-Intensive Applications
Data is at the center of many challenges in system design today. Difficult issues need to …
book
The Art of Micro Frontends
Apply your experience of web development with HTML and JavaScript to build micro frontends for large-scale …
book
Clean Code: A Handbook of Agile Software Craftsmanship
Even bad code can function. But if code isn’t clean, it can bring a development organization …
video
Domain-Driven Design Distilled
Domain-Driven Design (DDD) software modeling delivers powerful results in practice, not just in theory, which is …