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?
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
"Amazing!!!!! Need this so much!!!!!!"
—Nathan Yang
"I like the way you explain and teach, also your enunciation is incredible for us 'non native' english persons, everything is so enjoyable... Thank you for putting so much effort and time into making this video knowledge."
—@awa_it_
"Quality tutorial, thanks a lot!"
—Jay Pick
Take your career to the next level