The art of visualization and composition in building component systems

on YouTube ↗26m

" summary

Claims a concrete pattern: break UI from data with useFetch/useImageResize composables, expose customization via scoped slots, wrap API mapping in a fetch component and compose items into variants. Uses Vue Composition API, mentions Cloudinary and stately.io visualization plus state machines to model flows. Shows a real schedule wizard SDK built at Microsoft that plugs into different gateways, reports it works, and warns composition ups the learning curve while reducing duplication.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 4:01EXTENDABILITY (INTERNAL)
3. 4:54REUSABILITY (EXTERNAL)
4. 24:52CONSOLE.LOG(MAYA SHAVIN)

" related talks

• 46mConstellations of ComposablesDenis Chernov · HolyJS 2025 Autumn
• 32mScalable Front End Architecture with the Composition API and Composable FunctionsWill Marple · Vue.js Nation 2023
• 25mLessons Learned from Crafting a Thriving Vue.js SaaS BehemothAbdelrahman Awad · CityJS Berlin 2024
• 48mVUE3 & Pinia A Better Pattern for Global State ManagementWill Marple · Connect.Tech 2022
• 25mState Management with Composition APIVanessa Otto · JSWorld Conference 2022
• 56mCompositional UIs - the Microservices Last MileJimmy Bogard · NDC Oslo 2017
• 39mRe-Compose your UI: building an atomic design libraryTatiana Irene, Giuseppe Scabellone · droidcon Italy 2022
• 34m5 Patterns for Better ComponentsMichael Thiessen · Vue.js Nation 2024