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?
"Excellent video!"
—Kenneth Solberg
"⭐️⭐️⭐️⭐️⭐️"
—Majd Yafi
"Better and better channel! Amazing"
—Nathan Yang
"Great idea man, look forward to follow along."
—Manuel Diera
Take your career to the next level