Painless Micro Frontend Orchestration with Picard
summary
Picard is a tiny zero‑dependency library that lets teams drop a single script and embed micro frontends across static HTML, SPAs and SSR, using web components as the runtime boundary. It actually supports Module Federation and Native Federation remotes plus Piral pilots, lazy loads remotes, and exposes a fragment endpoint on the server to stringify and hydrate pieces. Demo shows three different remotes loading and rendering together from a discovery service, and a roadmap targets pre‑releases then a 1.0; integration work continues for Module Federation.
AI-written summary · about
chapters (9)
- 0:00Introduction
- 2:33Problem with micro frontends
- 13:08Introducing Picard
- 26:00Static HTML demo
- 36:43Single page app demo
- 40:55Routing in Picard
- 43:01Server-side rendering demo
- 46:16Roadmap and future
- 48:43Q&A
related talks
44mMicro Frontend Discovery
45mMicro Frontends in Action!
36mMicro Frontends in Action!
25mBeyond Micro Frontends - Three Additional Things Module Federation Makes Possible
01h 17mChallenges in Building Micro Front Ends
22mMicro Frontends & me, a love story
57mMicro Frontends – a strive for fully verticalized systems
56mMicro Frontends with Vue.js