Web components and micro apps, the web technologies peacekeeper

on YouTube ↗58m

" summary

Shows a real app shell that composes three independently deployed mini‑apps (Angular + React + vanilla) exposed as custom elements using shadow DOM and NPM bundling; attributes pass state (name, token) and trigger attributeChange callbacks, and the demo demonstrates live updates and isolation. Claims: teams deploy front end independently and reuse components, but bundle size and styling are tradeoffs solved with a shared component library and lazy loading; IE11 polyfills included.

AI-written summary · about

" chapters (7)

1. 0:00Start
2. 15:09Server Side composition
3. 17:59Client Side composition
4. 23:57Framework support
5. 25:14Demo
6. 44:13Taking balanced decisions is the secret ingredient for success
7. 45:27Questions?

" related talks

• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018
• 26mAngular, React, Vue and Co. – Peacefully United Thanks to Web Components and Micro AppsManfred Steyer · JS Kongress 2019
• 40mAngular, React, Vue and Co. – peacefully united thanks to Web Components and Micro AppsManfred Steyer · Voxxed Days Ticino 2019
• 34mWeb Components & Micro Apps: Angular, React & Vue peacefully united?Manfred Steyer · iJS 2018 Spring
• 36mAngular, React, Vue and co: Harmoniously united by web components and micro apps?Manfred Steyer · Voxxed Days Frontend Bucharest 2019
• 48mWeb Components as micro appsCraig West · NDC London 2021
• 39mSustainable Client Architectures with Micro AppsManfred Steyer · FrontEnd Con 2018
• 41mComponents Approach to Building Web AppsVinci Rufus · Meta Refresh 2015