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

Composition API

We make our first composable function - useUser - and put it in its own file.

Then we destructure useUser and use login and loggedIn in our component.

Finally, we briefly discuss the role the composition API plays, and how that role used to be filled.

What do others think of VueScreencasts?
"Great idea man, look forward to follow along."
—Manuel Diera
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
"great 👍"
—Paul Hacker
"Thank you for putting in the effort to make these videos and share with all!"
—Ritika Singh
Take your career to the next level