Organize your Composition API code (2k subscriber special)

✨ 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 https://play.vuejs.org/#eNq1VVtvmzAU/...
🔗 VueUse useToggle https://vueuse.org/shared/usetoggle/
🔗 Evan's gist https://gist.github.com/yyx990803/885...
📺️ Is your function actually a composable    • Is your function REALLY a Vue composa...  

Don't forget to hit that "Subscribe" button, ring the notification bell and give a thumbs up!

🌐 Connect further:
Website: https://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