Introduction to Filip, VueStorefront, early adoption of the Composition API, and our example app
4:56
BONUS - Vue 2 Composition API plugin vs Vue 3 Composition API implementation
4:20
Why We Need Reactivity
1:59
Ref and Reactive - key parts of the Composition API's Reactivity System
6:21
BONUS - Vue 2 'gotcha' with pulling functions out of setup
2:34
Composition API
5:04
Instance vs Global State with composable functions and the Composition API
5:08
Async Fetch Composable Function (example)
5:54
Composition API in VueStorefront Source Code
8:13
BONUS - How VueStorefront Next is Organized (overview)
11:10
0% done with Expert Series - Filip Rakowski - Composition API in VueStorefront

BONUS - Vue 2 Composition API plugin vs Vue 3 Composition API implementation

There are some big differences between Vue 2 Composition API plugin and the Vue 3 Composition API implementation.

With the Vue 2 plugin

  • you have reactivity caveats (such as using Vue.set for arrays)
  • setup method can't be async
  • buggier implementation

However, if you can't use Vue 3, it's still a great solution!

What do others think of VueScreencasts?
"Dude, it's an excellent video. Soothing voice, extensive and crystal clear explanations, troubleshooting common issues... You do it and you do it well. Keep up the good work & congratulations :-) Subscribed without the slightest hesitation"
—BillyBobBonnet
"Thanks for the tutorial. Subscribed!!!! :)"
—Zenish Shrestha
"Thanks, just looked for something good about how Nuxt work with its pages, layout, store, and your videos are really good!"
—justLbee
"Your series has really helped... even for seasoned developers!"
—D Durham
Take your career to the next level