Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Micro Frontends

SQUER Solutions
November 07, 2019
Technology
0
86

Micro Frontends

SQUER Solutions

November 07, 2019
Tweet

More Decks by SQUER Solutions

See All by SQUER Solutions
Empowering-developers-with-Roslyn.pdf
squer
0
13
Building Event Driven Systems at Scale with Azure Cosmos DB
squer
0
25
Building Event-Driven Systems at Scale with Azure Cosmos DB
squer
0
10
Platform Engineering: It's Not What You Think It Is
squer
0
110
Patterns Of Architectural Modernization
squer
1
260
Architecting for Scale
squer
0
120
Platform Engineering: It's Not What You Think It Is
squer
0
130
Platform Engineering — the Good, the Bad, and the Ugly
squer
1
240
Your Platform Monolith is Probably a Bad Idea
squer
1
140

Other Decks in Technology

See All in Technology
アジャイルチームがらしさを発揮するための目標づくり / Making the goal and enabling the team
kakehashi
4
380
The Rise of LLMOps
asei
9
2k
SRE×AIOpsを始めよう！GuardDutyによるお手軽脅威検出
amixedcolor
1
270
OCI Vault 概要
oracle4engineer
PRO
0
9.8k
Engineer Career Talk
lycorp_recruit_jp
0
210
データプロダクトの定義からはじめる、データコントラクト駆動なデータ基盤
chanyou0311
3
380
飲食店データの分析事例とそれを支えるデータ基盤
kimujun
0
240
SAP Community and Developer Update
sygyzmundovych
0
350
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.2k
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
150
強いチームと開発生産性
onk
PRO
38
13k
SSMRunbook作成の勘所_20241120
koichiotomo
3
190

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Bash Introduction
62gerente
608
210k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Building Your Own Lightsaber
phodgson
103
6.1k
Building Adaptive Systems
keathley
38
2.3k
Designing the Hi-DPI Web
ddemaree
280
34k
Navigating Team Friction
lara
183
14k
Ruby is Unlike a Banana
tanoku
97
11k
Building a Modern Day 
E-commerce SEO Strategy
aleyda
38
6.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
Measuring & Analyzing Core Web Vitals
bluesmoon
4
140

Transcript

  1. None

  2. API Gateway Microservice Microservice Microservice DB DB DB SPA

  3. None

  4. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  5. Microservice API Gateway SPA Microservice Microservice DB DB DB ❌

    ❌ ❌ ❌ ❌

  6. Microservice API Gateway SPA Microservice Microservice DB DB DB SPA

    API Gateway

  7. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB
  8. None

  9. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  10. μService Ordering μService DB μService μService DB DB Catalogue Profile

    μService DB DB

  11. Dashboard Profile Profile μService DB Catalogue μService DB Catalogue Ordering

    Ordering μService DB Dashboard μService DB

  12. Dashboard Profile Catalogue Ordering Ordering Catalogue Hyperlink Hyperlink Dashboard One

    “Micro Frontend” per page. 2...n Micro Frontends per page.
  13. None

  14. ❌ ❌ ❌ ✔️ ✔️ ✔️

  15. None

  16. Article Article Article new Article Article Page Article Page Article

    Page Article Page Static Files Rebuild Angular Photon
  17. None

  18. header fragment μService account fragment μService catalogue fragment μService ...

  19. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  20. None

  21. ✔️ ✔️ ✔️ ✔️ ✔️ ✔️

  22. Server Browser

  23. None
  24. None

  25. <!–- SSIs --> <!--#include … --> <!--#include … -->

  26. None