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

Micro Frontends

Avatar for SQUER Solutions SQUER Solutions
November 07, 2019
Technology
0
110

Micro Frontends

Avatar for SQUER Solutions

SQUER Solutions

November 07, 2019
Tweet

More Decks by SQUER Solutions

See All by SQUER Solutions
AI-Driven Legacy Decomposition
Avatar for SQUER Solutions squer
0
140
Plural of Platforms
Avatar for SQUER Solutions squer
1
85
Demystifying Event Sourcing – A Practical Approach by Shahab Ganji
Avatar for SQUER Solutions squer
0
150
Architecting Distributed Systems at Scale — From Pain to Pattern
Avatar for SQUER Solutions squer
0
260
Empowering-developers-with-Roslyn.pdf
Avatar for SQUER Solutions squer
0
140
Building Event Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
160
Building Event-Driven Systems at Scale with Azure Cosmos DB
Avatar for SQUER Solutions squer
0
130
Platform Engineering: It's Not What You Think It Is
Avatar for SQUER Solutions squer
0
340
Patterns Of Architectural Modernization
Avatar for SQUER Solutions squer
1
510

Other Decks in Technology

See All in Technology
[JAWSDAYS2026][D8]その起票、愛が足りてますか？AWSサポートを味方につける、技術的「ラブレター」の書き方
Avatar for hirosys hirosys_
3
120
マルチアカウント環境でSecurity Hubの運用！導入の苦労とポイント / JAWS DAYS 2026
Avatar for GENDA genda
0
420
決済サービスを支えるElastic Cloud - Elastic Cloudの導入と推進、決済サービスのObservability
Avatar for suzukij suzukij
2
590
類似画像検索モデルの開発ノウハウ
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
5
1.1k
NewSQL_ ストレージ分離と分散合意を用いたスケーラブルアーキテクチャ
Avatar for hacomono Inc. hacomono
PRO
1
110
スクリプトの先へ！AIエージェントと組み合わせる モバイルE2Eテスト
Avatar for Ryo WATANABE error96num
0
150
白金鉱業Meetup_Vol.22_Orbital Senseを支える衛星画像のマルチモーダルエンベディングと地理空間のあいまい検索技術
Avatar for BrainPad brainpadpr
2
290
堅牢.py#2 LT資料
Avatar for t3tra t3tra
0
120
Ultra Ethernet (UEC) v1.0 仕様概説
Avatar for Masayuki Kobayashi markunet
3
250
vLLM Community Meetup Tokyo #3 オープニングトーク
Avatar for jpishikawa jpishikawa
0
310
タスク管理も1on1も、もう「管理」じゃない ― KiroとBedrock AgentCoreで変わった"判断の仕事"
Avatar for Yusuke Shimizu yusukeshimizu
5
2.5k
EMからVPoEを経てCTOへ：マネジメントキャリアパスにおける葛藤と成長
Avatar for KAKEHASHI kakehashi
PRO
9
1.6k

Featured

See All Featured
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
190
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
410
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
150
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.5k
Money Talks: Using Revenue to Get Sh*t Done
Avatar for Nikki Halliwell nikkihalliwell
0
180
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
88
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
22k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
75
5.1k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
68
Fireside Chat
Avatar for paigeccino paigeccino
42
3.8k

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