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 🤤

Download Presentation

Download Policy: The content available on the website is offered to you 'AS IS' for your personal information and use only. It cannot be commercialized, licensed, or distributed on other websites without prior consent from the author. To download a presentation, simply click this link. If you encounter any difficulties during the download process, it's possible that the publisher has removed the file from their server.

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

FHA Catalyst: Case Binder Module April 3 , 2020 Tech Support Recommend Chrome browser.

FHA Catalyst: Case Binder Module April 3 , 2020 Tech Support Recommend Chrome browser. Technical issues? Review Technology FAQs by clicking Chat icon at bottom of screen, or on Landing Page. Need additional tech support? Click

509 views • 5 slides

Performance Testing at the Edge Alois Reitbauer, dynaTrace Software 3,000,000,000 10,500,000,000

Performance Testing at the Edge Alois Reitbauer, dynaTrace Software 3,000,000,000 10,500,000,000 The Classical Approach Waterfalls are pretty But might get scary The dynaTrace Approach Many platforms Different usage scenarios High number

749 views • 38 slides

Business Intelligence and H Healthcare lth MHPW 2010, 15-16 February Eindhoven, the

Business Intelligence and H Healthcare lth MHPW 2010, 15-16 February Eindhoven, the Netherlands Information Systems Group Uzay Kaymak Overview Goal: discuss role of business intelligence (BI) in the healthcare in relation to information

560 views • 30 slides

Office of Research Administration KPI Summary/Highlights Proposals FYTD June 2020 2018 2019

Office of Research Administration KPI Summary/Highlights Proposals FYTD June 2020 2018 2019 2020 School % change 2018 vs % change 2019 vs Total Proposal Proposed (#) Total Proposal Proposed (#) Total Proposal Proposed (#) 2019 2020

537 views • 6 slides

Digital Drama Unplugged commonsense.org/education Shareable with attribution for noncommercial

DIGITAL CITIZENSHIP | GRADE 6 Digital Drama Unplugged commonsense.org/education Shareable with attribution for noncommercial use. Remixing is permitted. Essential Question How can we de-escalate digital drama so it doesn't go too far?

396 views • 12 slides

The Power of Words commonsense.org/education Shareable with attribution for noncommercial use.

DIGITAL CITIZENSHIP | GRADE 3 The Power of Words commonsense.org/education Shareable with attribution for noncommercial use. Remixing is permitted. Essential Question What should you do when someone uses mean or hurtful language on the

280 views • 17 slides

Population Health Council: Finance Design Team July 20, 2018 9:00 10:30 a.m. WEBINAR 1

Health Enhancement Community Initiative Population Health Council: Finance Design Team July 20, 2018 9:00 10:30 a.m. WEBINAR 1 Todays Objectives ROUND TABLE FEEDBACK I. Background: Provide a brief overview Will be using a round table

303 views • 29 slides

MassHealth Provider Input Session June 24, 2014 Steve Somers Rob Houston Center for Health Care

MassHealth Provider Input Session June 24, 2014 Steve Somers Rob Houston Center for Health Care Strategies www.chcs.org Session Agenda ACO Overview Organizational Structure Discussion Break Scope of Services Discussion

238 views • 22 slides