Ref and Reactive - key parts of the Composition API's Reactivity System

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

6:21 | Published on 5/7/2020 |
|

Ref and Reactive - key parts of the Composition API's Reactivity System

Ref and Reactive are two key parts of the Composition API’s Reactivity System. We show both of them working with our example.

Reactive is similar to Vue.observable in Vue 2.6.

Ref works by building an object with a single key-value pair.

What do others think of VueScreencasts?

"<3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3 <3"

—Aymen Oppa Software

"great video as ALWAYS :) thanks and keep going with that great project!"

—אלכסיי לוינזון

"I like your videos they are very good."

—Kreshnik Palushi

"Great video && Project Jeffrey!! Thank you a lot :)"

—אלכסיי לוינזון