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

Micro Frontends

SQUER Solutions
November 07, 2019
Technology
0
89

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
28
Building Event Driven Systems at Scale with Azure Cosmos DB
squer
0
44
Building Event-Driven Systems at Scale with Azure Cosmos DB
squer
0
23
Platform Engineering: It's Not What You Think It Is
squer
0
160
Patterns Of Architectural Modernization
squer
1
300
Architecting for Scale
squer
0
140
Platform Engineering: It's Not What You Think It Is
squer
0
160
Platform Engineering — the Good, the Bad, and the Ugly
squer
1
260
Your Platform Monolith is Probably a Bad Idea
squer
1
160

Other Decks in Technology

See All in Technology
いま現場PMのあなたが、 経営と向き合うPMになるために 必要なこと、腹をくくること
hiro93n
8
5.5k
[IBM TechXchange Dojo]Watson Discoveryとwatsonx.aiでRAGを実現!座学①
siyuanzh09
0
110
Kotlin Multiplatformのポテンシャル
recruitengineers
PRO
1
130
.NET AspireでAzure Functionsやクラウドリソースを統合する
tsubakimoto_s
0
180
【令和最新版】ロボットシミュレータ Genesis x ROS 2で始める快適AIロボット開発
hakuturu583
2
1.5k
I could be Wrong!! - Learning from Agile Experts
kawaguti
PRO
8
3.1k
20240522 - 躍遷創作理念 @ PicCollage Workshop
dpys
0
310
新しいスケーリング則と学習理論
taiji_suzuki
10
3.8k
rootful・rootless・privilegedコンテナの違い/rootful_rootless_privileged_container_difference
moz_sec_
0
130
Docker Desktop で Docker を始めよう
zembutsu
PRO
0
120
Azureの開発で辛いところ
re3turn
0
230
🌏丸い地球を効率的に平たくする　〜🗺️地図の幾何学とWeb地図技術〜
syotasasaki593876
0
130

Featured

See All Featured
Mobile First: as difficult as doing things right
swwweet
222
9k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
327
24k
Typedesign – Prime Four
hannesfritz
40
2.5k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
The Cost Of JavaScript in 2023
addyosmani
46
7.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Building Adaptive Systems
keathley
38
2.3k
Practical Orchestrator
shlominoach
186
10k
Side Projects
sachag
452
42k

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