Frontend Architecture: Multi-format Components in Action
summary
A talk about frontend architecture that explains how to export UI components in multiple formats—ES, ESM, RequireJS, CommonJS, Module Federation, Edge Side Includes, and plain HTML—for use by different applications. It also covers trade-offs for development and distribution: whether to publish a single library containing all design-system components, release one package per component, or use a hybrid approach.
AI-written summary · about
chapters (13)
- 0:00Introduction
- 1:31Why frontend complexity
- 3:20Software architecture load
- 6:11Software architecture traits
- 9:02Software fragmentation
- 12:14Library challenges
- 16:26Module formats reuse
- 20:32CDN and snippets
- 23:45Q&A microfrontends
- 26:38CJS and ESM benefits
- 28:44Uncommon formats challenges
- 30:32Bundles impact performance
- 33:00Closing reflections
related talks
51mBuilding Better Components — A Journey to a More Resilient Frontend
46mMicro Frontend: the microservice puzzle extended to frontend
25mAdvanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
01h 13mArchitecting complex JavaScript setups for large scale enterprise projects
50mThe Art of Front-end Architecture
36mPlatform freedom with Micro-frontends
30mMicro Frontends in React — a State of the Art Approach
01h 13mMicrofrontends with Modules and Web Components