Organize your Composition API code (2k subscriber special)
Vložit
- čas přidán 27. 07. 2024
- ✨ The Composition API is amazing - but organizing code is still a challenge sometimes, especially for all the people that were (or are) used to the Options API. In this video I point out common mistakes when organizing code and an easy way to avoid spaghetti code in Vue components with a bit more functionality
Key points:
✔ Building a Demo Application showing issues when organizing code
🎉 A dead-simple pattern to organize CAPI code in Vue Components
🕶 Examples from Evan himself
---
Links:
🔗 Demo App Code play.vuejs.org/#eNq1VVtvmzAU/...
🔗 VueUse useToggle vueuse.org/shared/usetoggle/
🔗 Evan's gist gist.github.com/yyx990803/885...
📺️ Is your function actually a composable • Is your function REALL...
Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!
🌐 Connect further:
Website: www.lichter.io
Twitter/X: / thealexlichter
Twitch: / thealexlichter
Chapters:
00:00 Intro + Options vs Composition API
01:47 Demo App and Tasks
02:30 Building the feature "with Options API in mind"
05:44 Common mistake: Grouping by options
07:55 Why this is a problem
08:15 Refactoring & Reorganizing
09:26 Are we done?
10:09 Creating a composable for message-related things
13:36 The "secret sauce" - in-line composables
15:55 Learning from the master himself
17:25 Summary - Věda a technologie