MICRO-FRONTENDS Luca Mezzalira Architecture evolution DB - PowerPoint PPT Presentation

Oct 17, 2022 •29 likes •349 views

Scaling Your Project with MICRO-FRONTENDS Luca Mezzalira Architecture evolution DB Application Server Single-Page Application Architecture evolution DB DB DB Microservice Microservice Microservice API Gateway Single-Page Application

Scaling Your Project with MICRO-FRONTENDS
Luca Mezzalira
Architecture evolution DB Application Server Single-Page Application
Architecture evolution DB DB DB Microservice Microservice Microservice API Gateway Single-Page Application
Architecture evolution DB DB DB Microservice Microservice Microservice API Gateway MFE Single-Page Application MFE MFE MFE
MICRO-FRONTENDS DEFINITION
“ Micro-frontends are the technical representation of a business subdomain, they allow independent implementations with the same or different technology choices. Finally they should avoid sharing logic with ” other subdomains and they are own by a single team
What is a micro-frontend? Landing page Sign in Landing page Sign in Sing up Sign up Catalog Help Catalog Help
MICRO-FRONTENDS PRINCIPLES
MICRO-FRONTENDS DECISIONS FRAMEWORK
Key micro-frontends decisions
Define a micro-frontends header landing page image sign in related sign up articles article description catalog footer
Horizontal VS Vertical split
Compose micro-frontends ORIGIN CDN CLIENT
Route micro-frontends ORIGIN R CDN R R CLIENT R
Micro-frontends communication mysite.com/section?id=123 header header image image related related articles articles article article description description footer footer
THERE IS NO RIGHT OR WRONG BUT ONLY THE RIGHT APPROACH BASED ON THE CONTEXT
MICRO-FRONTENDS @DAZN
Micro-Frontend @ DAZN
DAZN implementation
DAZN implementation
How bootstrap works
DAZN routing
Components
What we have learnt...
Useful links Resources Webinar bit.ly/386DNbx bit.ly/2v79e70
buildingmicrofrontends.com
THANK YOU @lucamezzalira 🤤🤤 lucamezzalira.com e: mezzalab@gmail.com 🤤

Recommend

Micro-frontends Architecture @lucamezzalira 1 Ciao :) Luca Mezzalira VP of Architecture at

Micro-frontends Architecture @lucamezzalira 1 Ciao :) Luca Mezzalira VP of Architecture at DAZN Google Developer Expert London Javascript Community Manager 2 Agenda 1. From monolith to micro 2. What is a Micro-frontend? 3. Technical

687 views • 37 slides

MICRO-FRONTENDS @lucamezzalira Luca Mezzalira VP of Architecture at DAZN Google Developer

I DONT UNDERSTAND MICRO-FRONTENDS @lucamezzalira Luca Mezzalira VP of Architecture at DAZN Google Developer Expert London JavaScript Community Manager Architecture evolution DB Application Server Single-Page Application

837 views • 64 slides

A Micro Crowdsourcing Architecture to Localize A Micro Crowdsourcing Architecture to Localize Web

A Micro Crowdsourcing Architecture to Localize A Micro Crowdsourcing Architecture to Localize Web Content for Less-Resourced Languages Asanka Wasala Chris Exton Ruvan Weerasinghe Reinhard Schler Adapted from:

504 views • 31 slides

Luca Cardelli and the Early Evolution of ML David MacQueen Abstract Luca Cardelli has made an

Luca Cardelli and the Early Evolution of ML David MacQueen Abstract Luca Cardelli has made an enormous range of contributions, but the focus of this paper is the beginning of his career and, in particular, his role in the early development of

746 views • 13 slides

Meta-Evolution Style for Software Architecture Evolution lah Ad Adel Ha Hassan n and Mourad d

Meta-Evolution Style for Software Architecture Evolution lah Ad Adel Ha Hassan n and Mourad d Oussalah SOFSEM 2016 1 Harrachov, Czech Republic Outline Motivation Preliminaries Evolution styles Meta-evolution style

554 views • 18 slides

INAF-Astronomical Observatory of Padova III. Evolution of the ejecta Luca Zampieri - Supernovae,

SUPERNOVAE PhD Course 2013, SISSA Luca Zampieri INAF-Astronomical Observatory of Padova III. Evolution of the ejecta Luca Zampieri - Supernovae, PhD Course 2013, SISSA Page 1 Physics of the expanding, shocked envelope Luca Zampieri -

416 views • 25 slides

THE EVOLUTION OF MICRO PILES IN AMERICA PETER J NICHOLSON Nicholson Consulting DAVID E PINYOT

THE EVOLUTION OF MICRO PILES IN AMERICA PETER J NICHOLSON Nicholson Consulting DAVID E PINYOT Pinyot Consulting EARLY YEARS FOR LOAD CARRYING MICRO PRE 1980 In U.S. Nicholson/Fondedile typically 100-180 mm Diameter 180 kN, unreinforced,

850 views • 45 slides

Networks on chip: Evolution or Revolution? Luca Benini lbenini@deis.unibo.it DEIS-Universita

Networks on chip: Evolution or Revolution? Luca Benini lbenini@deis.unibo.it DEIS-Universita di Bologna MPSOC 2004 The evolution of SoC platforms MIPS TriMedia SDRAM General-purpose Scalable VLIW MIPS CPU MMI TriMedia CPU

316 views • 27 slides

Introduction Introduction What is Parallel Architecture? Why Parallel Architecture? Evolution

Introduction Introduction What is Parallel Architecture? Why Parallel Architecture? Evolution and Convergence of Parallel Architectures Fundamental Design Issues 2 What is Parallel Architecture? A parallel computer is a collection of

1.01k views • 84 slides

Cloud Benchmarking Estimating Cloud Application Performance Based on Micro Benchmark Profiling

software evolution & architecture lab Department of Informatics s.e.a.l. Cloud Benchmarking Estimating Cloud Application Performance Based on Micro Benchmark Profiling Joel Scheuner 2017-06-15 Page 1 Master Thesis Defense software

510 views • 38 slides

MICROSTRUCTURE EVOLUTION OF ALAL2O3 MICRO AND NANO COMPOSITES FABRICATED BY A MODIFIED STIR

18 TH INTERNATIONAL CONFERENCE ONCOMPOSITEMATERIALS MICROSTRUCTURE EVOLUTION OF ALAL2O3 MICRO AND NANO COMPOSITES FABRICATED BY A MODIFIED STIR CASTING ROUTE H. Beygi 1 *,H.R. Ezatpour 1 , S. A. Sajjadi 1 , S. M. Zebarjad 1 1 Department of

316 views • 6 slides

RF Frontends and Components for Ultra High-Speed Wireless Communications F. Ellinger, D.

Faculty of Electrical Engineering and Information Technology RF Frontends and Components for Ultra High-Speed Wireless Communications F. Ellinger, D. Plettemeier, C. Carlowitz, D. Fritsche, J.D. Leufker, M. Vossiek, M. Laabs and M. Schulz

408 views • 11 slides

Evolution Styles Foundations and Tool Support for Software Architecture Evolution David Garlan

Evolution Styles Foundations and Tool Support for Software Architecture Evolution David Garlan Jeffrey M. Barnes garlan@cs.cmu.edu jmbarnes@cs.cmu.edu Bradley Schmerl Orieta Celiku schmerl@cs.cmu.edu orietac@cs.cmu.edu Institute for

400 views • 22 slides

A lthough architecture has be- Five core concepts and relationships metaphor for the design of

S T A N D A R D S Software product lines, and product families in which software plays a substantial role in development, operation, or evolution. Architecture: WHAT IS AN ARCHITECTURE? Although defining architecture in the context of

314 views • 3 slides

15 Chapte r: LTE Radio Interface Architecture Department of Electrical and Information

3G Evolution 15 Chapte r: LTE Radio Interface Architecture Department of Electrical and Information Technology Johan Lfgren 2009-03-19 3G Evolution - HSPA and LTE for Mobile Broadband 1 Outline Architecture Basics Protocol

552 views • 16 slides

Emerging NVM Enabled Storage Architecture: From Evolution to Revolution. Yiran Chen Electrical and

Emerging NVM Enabled Storage Architecture: From Evolution to Revolution. Yiran Chen Electrical and Computer Engineering University of Pittsburgh Sponsors: NSF, DARPA, AFRL, and HP Labs 1 Outline Introduction Evolution with eNVM:

511 views • 32 slides

1 From Homogenous Monolith to Radically Heterogenous Micro-services* Architecture For you,

1 From Homogenous Monolith to Radically Heterogenous Micro-services* Architecture For you, @samnewman Conways Law HELLO WORLD!!!!!!!!!!!!!!!!! What is Wunderlist? Wunderlist is available on iPhone, iPad, Mac, Web, Android, Windows

1.03k views • 68 slides

Technology Evolution Technology Focused Evolution Architectural Changes Impact on

Introduction - Products Product Evolution Market Focused Evolution New Features Improvements Technology Evolution Technology Focused Evolution Architectural Changes Impact on Architecture of a Technology

421 views • 11 slides

Photonic Many-Core Architecture Study Nadya Bliss 1 , Krste Asanovi 2 , Keren Bergman 3 , Luca

Photonic Many-Core Architecture Study Nadya Bliss 1 , Krste Asanovi 2 , Keren Bergman 3 , Luca Carloni 3 , Jeremy Kepner 1 , Sanjeev Mohindra 1 , Vladimir Stojanovi 4 1 MIT Lincoln Laboratory, 2 University of California Berkeley, 3 Columbia

890 views • 22 slides

Nehalem Intel Micro-architecture Features: Wide Dynamic Execution: Every processor core

Nehalem Intel Micro-architecture Features: Wide Dynamic Execution: Every processor core can fetch, dispatch, execute and retire up to four instructions per clock cycle. Advanced Smart Cache: improved bandwidth from the second level

303 views • 7 slides

3G Long-Term Evolution (LTE) and System Architecture Evolution (SAE) Summer Semester 2011

3G Long-Term Evolution (LTE) and System Architecture Evolution (SAE) Summer Semester 2011 Integrated Communication Systems Group Ilmenau University of Technology Integrated Communication Systems Group Outline Introduction

880 views • 69 slides

meets Micro-Hypervisors: Towards a Virtualization Architecture for User-Centric Multi-Clouds Alex

Nested Virtualization meets Micro-Hypervisors: Towards a Virtualization Architecture for User-Centric Multi-Clouds Alex PALESANDRO Marc LACOSTE Nadia BENNANI Chirine GHEDIRA-GUEGAN SEC2 - 30 June 2015, Lille Is this the best of all possible

294 views • 6 slides

Architecture and evolution of the modern web browser Alan Grosskurth, Michael W. Godfrey David

Architecture and evolution of the modern web browser Alan Grosskurth, Michael W. Godfrey David R. Cheriton School of Computer Science, University of Waterloo, Waterloo, ON N2L 3G1, Canada Abstract A reference architecture for a domain captures

466 views • 24 slides

Architecture of an NLP Deployment whoami 2 @texasmichelle Agenda 1 2 3 4 5 Evolution

Michelle Casbon QCon So Paulo May 9, 2018 Architecture of an NLP Deployment whoami 2 @texasmichelle Agenda 1 2 3 4 5 Evolution of NLP Components Guiding principles Implementations Future architectures 3 @texasmichelle

641 views • 39 slides