Compose Yourself! Different Kinds of Composables
summary
Vue composables get classified into seven practical types (state, browser, DOM, library integrations, component-tied, connections, reactified functions) and the claim is that choosing the right class simplifies reuse, testing and SSR. Examples include useToggle for local Booleans, useClipboard that auto-handles permissions and resets, a useTween bridge to GSAP returning a reactive value, virtual-list and draggable composables that manage DOM refs and cleanup, and connection utilities like logicalAnd, useMap and ref-history for undo/redo.
AI-written summary · about
chapters (9)
- 0:00Introduction and motivation
- 10:00State composables explained
- 15:59Browser composables overview
- 21:53Library integration composables
- 29:50DOM composables deep dive
- 35:27Component lifecycle composables
- 40:03Connection composables patterns
- 43:58Reactified function composables
- 47:14Q&A session
related talks
09mComposables - The Swiss Army Knife of Every Vue Developer
46mConstellations of Composables
30mCompose All the Things
34m5 Patterns for Better Components
32mScalable Front End Architecture with the Composition API and Composable Functions
21mInheritance vs Composition
28mOh Composable World!
26mThe art of visualization and composition in building component systems