This document discusses micro-frontends and their technical implementation. It begins with an overview of scaling applications from monoliths to microservices and then micro-frontends. A micro-frontend is defined as the technical representation of a business subdomain, allowing independent implementations by single teams. Various technical implementations are reviewed, including iframes, components, and server-side composition. The document concludes with examples of DAZN's implementation and micro-frontend frameworks like Single-SPA and Frint.js.
Microservices: Why and When? - Alon Fliess, CodeValue - Cloud Native Day Tel ...Cloud Native Day Tel Aviv
Do more with less, the pain of the modern architect. High cohesion & low coupling, high availability & scale, ease of DevOps. Our systems need to support all these quality attributes, while providing more functionality with less resources. We need to be agile, we need to embrace changes, we need to have a better way! Micro-Service-Architecture (MSA) promises to bring cure to the architect's pains, but does it really deliver? This lecture presents the essence of MSA, how does it answer main concerns of modern distributed systems, how to get started, how to migrate current solutions to MSA by adopting an evolution migration path. What to be careful about and the signs that we are on the right track. We will talk about SA evolution, the CAP theorem and eventually consistency, MSA principles, hosting. containers, versioning, orchestrators & decoupling business processes. By the end of this lecture the participant will have a better understanding of why, when and how to embrace MSA.
A micro frontend architecture is an approach to developing web applications as a composition of small frontend apps. Instead of writing a large monolith frontend application, the application can be broken down into domain-specific micro frontends, which are self-contained and can be developed and deployed independently. Each micro frontend can be owned by verticalised domain specific teams. Micro frontends do have advantages and disadvantages and they are not suitable in many cases. When micro frontends is a potential solution, make sure to use a domain driven top-down approach, with no big design upfronts. Keep it simple!
Frontend Developer Love Amsterdam - 30 January 2018
From JavaSpaces, JINI and GigaSpaces to SpringBoot, Akka – reactive and microservice pitfalls.
http://blog.mitemitreski.com/2014/11/java2days-2014-from-javaspaces-jini-and.html#.VHPK7x9jOCg
Microservices: Why and When? - Alon Fliess, CodeValue - Cloud Native Day Tel ...Cloud Native Day Tel Aviv
Do more with less, the pain of the modern architect. High cohesion & low coupling, high availability & scale, ease of DevOps. Our systems need to support all these quality attributes, while providing more functionality with less resources. We need to be agile, we need to embrace changes, we need to have a better way! Micro-Service-Architecture (MSA) promises to bring cure to the architect's pains, but does it really deliver? This lecture presents the essence of MSA, how does it answer main concerns of modern distributed systems, how to get started, how to migrate current solutions to MSA by adopting an evolution migration path. What to be careful about and the signs that we are on the right track. We will talk about SA evolution, the CAP theorem and eventually consistency, MSA principles, hosting. containers, versioning, orchestrators & decoupling business processes. By the end of this lecture the participant will have a better understanding of why, when and how to embrace MSA.
A micro frontend architecture is an approach to developing web applications as a composition of small frontend apps. Instead of writing a large monolith frontend application, the application can be broken down into domain-specific micro frontends, which are self-contained and can be developed and deployed independently. Each micro frontend can be owned by verticalised domain specific teams. Micro frontends do have advantages and disadvantages and they are not suitable in many cases. When micro frontends is a potential solution, make sure to use a domain driven top-down approach, with no big design upfronts. Keep it simple!
Frontend Developer Love Amsterdam - 30 January 2018
From JavaSpaces, JINI and GigaSpaces to SpringBoot, Akka – reactive and microservice pitfalls.
http://blog.mitemitreski.com/2014/11/java2days-2014-from-javaspaces-jini-and.html#.VHPK7x9jOCg
Micro Frontends
“Extending the microservice idea to frontend development”.
What does it really mean? Is it just abusing a certain hype? Should I consider it? How should I approach it?
These are just some of the questions one might ask when presented with this notion. Long story short – Micro front-ends are a reality! However, it is not for everyone.
In this session, we’re going to demystify micro frontends. We’re going to establish what it is, when it should be considered and the decisions to be made
Architecting for speed: How agile innovators accelerate growth through micros...Jesper Nordström
In a world where software has become the key differentiator, enterprises are forced to transform the way they build, ship and run software in order to stay in the game. Competitive pressure requires applications to be rapidly and continuously upgraded with nonstop availability, and companies that lack the capacity to experiment, innovate and get new features out quickly, will be at disadvantage. This is driving many IT organisations to adopt the software design model known as microservices architecture, which quickly is gaining traction as a new way to think about structuring applications, and is changing the fundamentals of enterprise application management.
Architecting for speed - how agile innovators accelerate growth through micro...3gamma
In a world where software has become the key differentiator, enterprises are forced to transform the way they build, ship and run software in order to stay in the game. Competitive pressure requires applications to be rapidly and continuously upgraded with nonstop availability, and companies that lack the capacity to experiment, innovate and get new features out quickly, will be at disadvantage.
This is driving many IT organisations to adopt the software design model known as microservices architecture, which quickly is gaining traction as a new way to think about structuring applications, and is changing the fundamentals of enterprise application management.
Edge can be divided into the Device Edge and the Infrastructure Edge. This presentation discusses how to leverage the Infrastructure edge in modern software architecture.
Platform governance, gestire un ecosistema di microservizi a livello enterpriseGiulio Roggero
A livello enterprise, le moderne architetture distribuite coinvolgono molti team differenti, centinaia di sviluppatori e operations e migliaia microservizi ed API in produzione. Come si può gestire questa
e o
un'esplosione di costi e preservando il time-to-market?
Dipping Your Toes Into Cloud Native Application DevelopmentMatthew Farina
Presented at CloudDevelop 2016
Building cloud native applications in containers is a new hot topic. Netflix and Google are two prime examples that have been doing it successfully for some time. Some of the new exciting projects like Docker and Kubernetes are focused on cloud native applications in containers. There are supposed to be numerous benefits including the ability to scale applications out easily while doing development on small systems like laptops, the ability for the system to handle some operational problems, and the capability to safely deploy updates to production many times per day. But, what does this look like in practice and how do you start the move to cloud native and containerized applications? In this session we'll look at what makes up a cloud native application, how they work, and how you can start small. We'll look at applications from an architecture and process point of view along with how you can deploy them to AWS, Azure, or Google Cloud. You'll walk away ready to start development on a cloud native app.
Accelerating Enterprise Software Engineering with PlatformlessWSO2
This slide deck explores how platformless offers a revolutionary approach to enterprise software engineering, hiding platform complexities and empowering developers to focus on what they do best — building high-impact apps.
Key takeaways:
- Challenges of building platforms and the benefits of platformless.
- Key principles of platformless, including API-first, cloud-native middleware, platform engineering, and developer experience.
- How Choreo enables the platformless experience.
- How key concepts like application architecture, domain-driven design, zero trust, and cell-based architecture are inherently a part of Choreo.
- How Choreo simplifies the adoption and use of cloud platforms including Microsoft Azure.
- Demo of an end-to-end app built and deployed on Choreo.
Try out Choreo for free and see how it enables a platformless experience for you - https://wso2.com/choreo
Slides used in April Bluemix Meetup for RTP See http://www.meetup.com/rtpbluemix/events/229767420/ for details of the specific meetup or http://www.meetup.com/rtpbluemix/ if you wish to join future ones
A presentation to explain the microservices architecture, the pro and the cons, with a view on how to migrate from a monolith to a SOA architecture. Also, we'll show the benefits of the microservices architecture also for the frontend side with the microfrontend architecture.
Adrian Cockcroft on his top predictions for the cloud computing industry in 2015 and beyond, as well as how cloud-native applications, continuous-delivery and DevOps techniques, will speed the pace of innovation and disruption.
For more about Adrian be sure to check out his page on Battery Ventures:
https://www.battery.com/our-team/member/adrian-cockcroft/
Follow Adrian on Twitter: @adrianco
Microservice Best Practices The 8020 Way.pdfSimform
Microservices have fundamentally changed the way server-side engines are architected.
Rather than a single giant #monolithic codebase hosting all the business logic of your application, microservices reflect the distributed systems model, where a group of application components works together to deliver the business needs.
By following ten basic microservices best practices, you can achieve an efficient microservices ecosystem devoid of unnecessary architectural complexities.
CNCF general introduction to beginners at openstack meetup Pune & Bangalore February 2018. Covers broadly the activities and structure of the Cloud Native Computing Foundation.
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
More Related Content
Similar to Scaling frontend applications with micro-frontends Presentation.pdf
Micro Frontends
“Extending the microservice idea to frontend development”.
What does it really mean? Is it just abusing a certain hype? Should I consider it? How should I approach it?
These are just some of the questions one might ask when presented with this notion. Long story short – Micro front-ends are a reality! However, it is not for everyone.
In this session, we’re going to demystify micro frontends. We’re going to establish what it is, when it should be considered and the decisions to be made
Architecting for speed: How agile innovators accelerate growth through micros...Jesper Nordström
In a world where software has become the key differentiator, enterprises are forced to transform the way they build, ship and run software in order to stay in the game. Competitive pressure requires applications to be rapidly and continuously upgraded with nonstop availability, and companies that lack the capacity to experiment, innovate and get new features out quickly, will be at disadvantage. This is driving many IT organisations to adopt the software design model known as microservices architecture, which quickly is gaining traction as a new way to think about structuring applications, and is changing the fundamentals of enterprise application management.
Architecting for speed - how agile innovators accelerate growth through micro...3gamma
In a world where software has become the key differentiator, enterprises are forced to transform the way they build, ship and run software in order to stay in the game. Competitive pressure requires applications to be rapidly and continuously upgraded with nonstop availability, and companies that lack the capacity to experiment, innovate and get new features out quickly, will be at disadvantage.
This is driving many IT organisations to adopt the software design model known as microservices architecture, which quickly is gaining traction as a new way to think about structuring applications, and is changing the fundamentals of enterprise application management.
Edge can be divided into the Device Edge and the Infrastructure Edge. This presentation discusses how to leverage the Infrastructure edge in modern software architecture.
Platform governance, gestire un ecosistema di microservizi a livello enterpriseGiulio Roggero
A livello enterprise, le moderne architetture distribuite coinvolgono molti team differenti, centinaia di sviluppatori e operations e migliaia microservizi ed API in produzione. Come si può gestire questa
e o
un'esplosione di costi e preservando il time-to-market?
Dipping Your Toes Into Cloud Native Application DevelopmentMatthew Farina
Presented at CloudDevelop 2016
Building cloud native applications in containers is a new hot topic. Netflix and Google are two prime examples that have been doing it successfully for some time. Some of the new exciting projects like Docker and Kubernetes are focused on cloud native applications in containers. There are supposed to be numerous benefits including the ability to scale applications out easily while doing development on small systems like laptops, the ability for the system to handle some operational problems, and the capability to safely deploy updates to production many times per day. But, what does this look like in practice and how do you start the move to cloud native and containerized applications? In this session we'll look at what makes up a cloud native application, how they work, and how you can start small. We'll look at applications from an architecture and process point of view along with how you can deploy them to AWS, Azure, or Google Cloud. You'll walk away ready to start development on a cloud native app.
Accelerating Enterprise Software Engineering with PlatformlessWSO2
This slide deck explores how platformless offers a revolutionary approach to enterprise software engineering, hiding platform complexities and empowering developers to focus on what they do best — building high-impact apps.
Key takeaways:
- Challenges of building platforms and the benefits of platformless.
- Key principles of platformless, including API-first, cloud-native middleware, platform engineering, and developer experience.
- How Choreo enables the platformless experience.
- How key concepts like application architecture, domain-driven design, zero trust, and cell-based architecture are inherently a part of Choreo.
- How Choreo simplifies the adoption and use of cloud platforms including Microsoft Azure.
- Demo of an end-to-end app built and deployed on Choreo.
Try out Choreo for free and see how it enables a platformless experience for you - https://wso2.com/choreo
Slides used in April Bluemix Meetup for RTP See http://www.meetup.com/rtpbluemix/events/229767420/ for details of the specific meetup or http://www.meetup.com/rtpbluemix/ if you wish to join future ones
A presentation to explain the microservices architecture, the pro and the cons, with a view on how to migrate from a monolith to a SOA architecture. Also, we'll show the benefits of the microservices architecture also for the frontend side with the microfrontend architecture.
Adrian Cockcroft on his top predictions for the cloud computing industry in 2015 and beyond, as well as how cloud-native applications, continuous-delivery and DevOps techniques, will speed the pace of innovation and disruption.
For more about Adrian be sure to check out his page on Battery Ventures:
https://www.battery.com/our-team/member/adrian-cockcroft/
Follow Adrian on Twitter: @adrianco
Microservice Best Practices The 8020 Way.pdfSimform
Microservices have fundamentally changed the way server-side engines are architected.
Rather than a single giant #monolithic codebase hosting all the business logic of your application, microservices reflect the distributed systems model, where a group of application components works together to deliver the business needs.
By following ten basic microservices best practices, you can achieve an efficient microservices ecosystem devoid of unnecessary architectural complexities.
CNCF general introduction to beginners at openstack meetup Pune & Bangalore February 2018. Covers broadly the activities and structure of the Cloud Native Computing Foundation.
Similar to Scaling frontend applications with micro-frontends Presentation.pdf (20)
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
Elevating Tactical DDD Patterns Through Object CalisthenicsDorra BARTAGUIZ
After immersing yourself in the blue book and its red counterpart, attending DDD-focused conferences, and applying tactical patterns, you're left with a crucial question: How do I ensure my design is effective? Tactical patterns within Domain-Driven Design (DDD) serve as guiding principles for creating clear and manageable domain models. However, achieving success with these patterns requires additional guidance. Interestingly, we've observed that a set of constraints initially designed for training purposes remarkably aligns with effective pattern implementation, offering a more ‘mechanical’ approach. Let's explore together how Object Calisthenics can elevate the design of your tactical DDD patterns, offering concrete help for those venturing into DDD for the first time!
Generating a custom Ruby SDK for your web service or Rails API using Smithyg2nightmarescribd
Have you ever wanted a Ruby client API to communicate with your web service? Smithy is a protocol-agnostic language for defining services and SDKs. Smithy Ruby is an implementation of Smithy that generates a Ruby SDK using a Smithy model. In this talk, we will explore Smithy and Smithy Ruby to learn how to generate custom feature-rich SDKs that can communicate with any web service, such as a Rails JSON API.
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Albert Hoitingh
In this session I delve into the encryption technology used in Microsoft 365 and Microsoft Purview. Including the concepts of Customer Key and Double Key Encryption.
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...DanBrown980551
Do you want to learn how to model and simulate an electrical network from scratch in under an hour?
Then welcome to this PowSyBl workshop, hosted by Rte, the French Transmission System Operator (TSO)!
During the webinar, you will discover the PowSyBl ecosystem as well as handle and study an electrical network through an interactive Python notebook.
PowSyBl is an open source project hosted by LF Energy, which offers a comprehensive set of features for electrical grid modelling and simulation. Among other advanced features, PowSyBl provides:
- A fully editable and extendable library for grid component modelling;
- Visualization tools to display your network;
- Grid simulation tools, such as power flows, security analyses (with or without remedial actions) and sensitivity analyses;
The framework is mostly written in Java, with a Python binding so that Python developers can access PowSyBl functionalities as well.
What you will learn during the webinar:
- For beginners: discover PowSyBl's functionalities through a quick general presentation and the notebook, without needing any expert coding skills;
- For advanced developers: master the skills to efficiently apply PowSyBl functionalities to your real-world scenarios.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Kubernetes & AI - Beauty and the Beast !?! @KCD Istanbul 2024Tobias Schneck
As AI technology is pushing into IT I was wondering myself, as an “infrastructure container kubernetes guy”, how get this fancy AI technology get managed from an infrastructure operational view? Is it possible to apply our lovely cloud native principals as well? What benefit’s both technologies could bring to each other?
Let me take this questions and provide you a short journey through existing deployment models and use cases for AI software. On practical examples, we discuss what cloud/on-premise strategy we may need for applying it to our own infrastructure to get it to work from an enterprise perspective. I want to give an overview about infrastructure requirements and technologies, what could be beneficial or limiting your AI use cases in an enterprise environment. An interactive Demo will give you some insides, what approaches I got already working for real.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
7. 7
Impact within our teams
SPA
DB
Microservice
DB
Microservice
DB
Microservice
API
Gateway
▧ Frontend uses the same
codebase for all the
teams
▧ Communication
overhead for managing
different part of the UI
▧ Infrastructure,
Microservices and DBs
almost autonomous
8. 8
Scaling our applications with micro-frontends
SPA
DB
Microservice
DB
Microservice
DB
Microservice
API
Gateway
9. 9
Scaling our applications with micro-frontends
Microfrontend
DB
Microservice
DB
Microservice
DB
Microservice
API
Gateway
Microfrontend Microfrontend
Routing
On the edge,
Server side
Or Client side
*
API
Gateway
10. 10
Impact within our teams
▧ End to end autonomy
within a business domain
▧ Freedom and
responsibility
▧ Innovation without
affecting the entire
application
DB
Microservice
Microfrontend
API Gateway
DB
Microservice
11. 11
Impact within our organization
+ =
Cross-functional
team
Product
team
Business
Domain
12. 2.
What is a Micro-frontend?
Let’s connect the dots...
12
13. “
Micro-frontends are the technical
representation of a business subdomain,
they allow independent implementations with same
or different technology choices, finally
they avoid sharing logic with other subdomains and they
are own by a single team
13
From Domain
Driven Design
(DDD)
15. 15
Domain and Subdomains
The domain is the problem to be addressed with
a software effort.
A domain can be decomposed into subdomains
which typically reflect some organizational
structure.
A common example of a sub-domain is Product
Catalog
16. 16
Subdomains
There are 3 different type of subdomains:
Core
subdomain
Supporting
subdomain
Generic
subdomain
https://bit.ly/2Au5Lio
17. Place your screenshot here
Share nothing… and I mean NOTHING
Avoid to share components or code across different
bounded contexts, abstraction could make our code more
complex to maintain in the long run, the communication
overhead could become a bottleneck for our
organizations
17
19. Let’s review some potential approaches
Iframes
An iframes composition is
the choice made by
Spotify with an event bus
for coordinating the
events across different
iframes.
The desktop application
mixes Web technologies
with C++ codebase for the
low-level operations
Components
Opentable developers
experience team created
Open Components, an
open source project
composed by a registry of
components where
frontend and backend
logics are wrapped inside
small, self-contained units
usable inside any view of
their website
OpenComponent is
providing tools for quickly
create new components
like a CLI, more info:
opencomponents.github.io
Server-side
composition
Zalando was one of the
pioneers on microfrontends
with Mosaic9
(www.mosaic9.org) in
particular we need to
highlight Tailor.js, an open
source system for
assembling the components
on-demand on a backend
layer written in Go.
At the end of 2018 Zalando
moves to a server-side
include system called
“Interface framework”
19
20. 20
DAZN implementation
Landing Pages
Authentication
Discovery and
Playback
Customers
Support
My Account
Bootstrap
Bootstrap is responsible for:
. application startup
. I/O operations
. routing between micro-frontends
. sharing configurations across multiple micro-frontends
21. 21
DAZN implementation
Microfrontend
▧ Each Micro-frontend represents a
subdomain matching the business
structure
▧ It’s technology/framework agnostic
▧ A Micro-frontend is AUTONOMOUS
▧ Inside a Micro-frontend the team can
share components, code, styles or any
other asset
▧ Independent building systems
▧ 1 Micro-frontend loaded per time
23. 23
How bootstrap works
<html>
<head>
<script src=”./bootstrap.js” />
</head>
<body>
...
</body>
</html>
▧ Bootstrap loaded as first
element and always
available
▧ Tiny JS layer responsible
to load micro-frontends
▧ Exposes APIs for
different micro-frontends
25. 25
How bootstrap works
Window.DAZN = {
Lifecycle: {
OnLoad: function(){...}
OnunLoad: function(){...}
},
Localstorage: {...},
...
}
▧ DAZN object exposes
methods and properties
for all the micro-frontends
▧ Each micro-frontend has
lifecycle callbacks available
▧ This object abstracts the
platform exposing
common APIs
26. Components
26
{...}
▧ Components available on NPM
private repos
▧ Components need to work with
any framework
▧ They expose a contract for the
micro-frontend to interact with
▧ Components are own by specific
teams
▧ They can be shared within same
team
27. 27
Deployment
2.0 1.0
cloudfront
▧ Based on some scenarios
I can redirect the user to a
version or another
▧ Don’t need to do a big
bang deployment
▧ Canary releases or Blue
Green deployment on
Frontend!
https://bit.ly/2Afy44t
28. 5 teams
Onboarded on the same projects in 3 weeks
100%
Innovation, freedom and responsibility for
each team!!!
Over 100 developers
Working on the same project
28
29. “
The main challenges with scaling frontend
applications are scaling the teams,
reducing the communication overhead
and innovate!
29
31. Single SPA
31
appA.js
single-spa
appB.js
▧ Each SPA reacts to
lifecycle methods
(mount/unmount and
bootstrap)
▧ Framework agnostic,
helpers available for
major frameworks
▧ Single-spa-config with
method for registering
different SPAs
33. Frint.js
33
▧ React focused
▧ Very very opinionated
▧ Component-based architecture
▧ Reactive framework with Rx.JS
▧ Lazy loading of modules inside the Root app
▧ Provides a set of libraries to use in conjunction with
the core library (routing or state management for
instance)
▧ Routing is happening at URL level
34. DDD resources
34
Decompose by subdomain
https://bit.ly/2DUTQ1v
Subdomains and bounded
context in DDD
https://bit.ly/1BPZfIW
35. Learning, testing and sharing
35
. Micro-frontends FREE report
for O’Reilly (~80 pages)
. 28th February 3 hours online
workshop on Safari Books
Online: bit.ly/2BjfhFw
#OReillySACon