VueConf US 2021 | The Vue 3 Composition API
summary
Builds a reusable useApi composable that centralizes query result, loading and error state and accepts a getResults function so fetch logic stays outside the composable. Live codes three integrations: TheCatAPI (REST), an anime REST endpoint, and Rick and Morty GraphQL, shaping each response in the per-API getResults. The component shrinks, loading and error handling stays consistent, and the demo proves the approach works across REST and GraphQL without framework hacks.
AI-written summary · about
chapters (5)
- 0:00Introduction
- 2:12Vue 3 Composition API
- 5:08Flexible universal logic composition
- 7:24Solve with Composition API
- 30:02Final result
related talks
30mSpin the wheel: building a truly reusable composable
26mThe art of visualization and composition in building component systems
33mComposition
24mMaking Vue app reactive with RxJS
30mCompose All the Things
23mAn Animated Guide to Vue 3 Reactivity and Internals
36mHow to Create 'Vuetiful' Data-Driven User Interfaces
34m5 Patterns for Better Components