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

Micro Frontends

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for SQUER Solutions SQUER Solutions
November 07, 2019
Technology
110
0

Micro Frontends

Avatar for SQUER Solutions

SQUER Solutions

November 07, 2019

More Decks by SQUER Solutions

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

Other Decks in Technology

See All in Technology
"何を作るか"を任される エンジニアは、どう育つのか
Avatar for ofuji-works yutaokafuji
1
580
なぜ Platform Engineering の土台に Kubernetes を選ぶのか
Avatar for Ray r4ynode
1
560
小さく始める AI 活用推進 ― 日経電子版 Web チームの事例/nikkei-tech-talk47
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
0
200
データサイエンスを価値につなげるプロジェクト設計 〜 DS一年目が現場で得た気づき 〜
Avatar for Yusei Doi ysd113
1
150
非定型業務をAI slackbotで自動化する ~ 社内要望を自動壁打ちするbotを作った ~/automating-ad-hoc-work-with-ai-slackbot
Avatar for shibayu36 shibayu36
0
580
白金鉱業Meetup_Vol.24_「AIエージェントは分けるほど良い」は本当か？ / Is it true that “the more you divide AI agents, the better”?
Avatar for BrainPad brainpadpr
1
270
2026TECHFRESH畢業分享會 - Lightning Talk - 資料也要 CI/CD? 用 Airbyte 自動化資料同步
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
700
JSAI2026 オーガナイズドセッションOS-27「不動産とAI」趣旨説明 / JSAI2026 Organized Session OS-27 “Real Estate and AI”: Statement of Purpose
Avatar for Kiyota Yoji, Ph.D. ykiyota
0
220
生成 AI × MCP で切り拓く次世代 SRE！自律型運用への挑戦と開発者体験の進化
Avatar for _awache _awache
0
190
中期計画、2回作ってみた　～業務委託と正社員、両方の視点から～
Avatar for 株式会社出前館 demaecan
1
650
MIERUNE JCT 発表資料「宇宙から伊能忠敬ごっこ」
Avatar for じゃらしまる syuchimu
0
200
AIソロプレナー時代に2ヶ月で20人増員した事業創造会社の開発組織の話
Avatar for Koji Miyata miyatakoji
0
570

Featured

See All Featured
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
230
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
170
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
140
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.3k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
380
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.4k

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