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?
"This is an amazing tutorial, especially for beginners. I love how you even go through the package.json. Nice work!"
—Jin Tak
"Awesome!!"
—Mohamad Nasir
"Excellent video. Thanks so much. Looking forward to the rest of the series."
—SilenceKillsDesign
"Here I found answers to questions that I couldn't formulate before."
—Almas Kamitov
Take your career to the next level