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

Micro Frontends

SQUER Solutions
November 07, 2019
Technology
0
90

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
42
Building Event Driven Systems at Scale with Azure Cosmos DB
squer
0
57
Building Event-Driven Systems at Scale with Azure Cosmos DB
squer
0
37
Platform Engineering: It's Not What You Think It Is
squer
0
180
Patterns Of Architectural Modernization
squer
1
310
Architecting for Scale
squer
0
150
Platform Engineering: It's Not What You Think It Is
squer
0
170
Platform Engineering — the Good, the Bad, and the Ugly
squer
1
280
Your Platform Monolith is Probably a Bad Idea
squer
1
170

Other Decks in Technology

See All in Technology
RayでPHPのデバッグをちょっと快適にする
muno92
PRO
0
190
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
150
"TEAM"を導入したら最高のエンジニア"Team"を実現できた / Deploying "TEAM" and Building the Best Engineering "Team"
yuj1osm
1
140
コンピュータビジョンの社会実装について考えていたらゲームを作っていた話
takmin
1
600
Two Blades, One Journey: Engineering While Managing
ohbarye
4
1.9k
Raycast Favorites × Script Command で実現するお手軽情報チェック
smasato
1
140
データエンジニアリング領域におけるDuckDBのユースケース
chanyou0311
9
2.2k
Raycast AI APIを使ってちょっと便利な拡張機能を作ってみた / created-a-handy-extension-using-the-raycast-ai-api
kawamataryo
0
210
AWSを活用したIoTにおけるセキュリティ対策のご紹介
kwskyk
0
340
2/18 Making Security Scale: メルカリが考えるセキュリティ戦略 - Coincheck x LayerX x Mercari
jsonf
0
190
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
200
組織におけるCCoEの役割とAWS活用事例
nrinetcom
PRO
4
130

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
Making Projects Easy
brettharned
116
6k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Bash Introduction
62gerente
611
210k
Producing Creativity
orderedlist
PRO
344
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
6
250
Building Flexible Design Systems
yeseniaperezcruz
328
38k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Music & Morning Musume
bryan
46
6.4k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k

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