Why use Vuex in Nuxt?
1:57
From asyncData to Vuex (naive version)
13:06
Refactoring with deserializers, destructuring
9:28
Loading Strategies for Vuex
4:53
Preloading, Middleware, and Promises
13:19
Review of Nuxt + Vuex
3:53
0% done with NuxtJS + Vuex: Deserialization, load strategies, middleware

Chapter 16 of 27 in Building VueScreencasts.com
Refactoring with deserializers, destructuring

Now that our three actions are side-by-side, we can see many similarities between them - places where the code could be abstracted to gain clarity.

In this lesson, we create deserializers for the videos and tags that come over the wire, shaping the data so it's more easily used by our app.

We also abstract the API call, using creative destructuring to make our code short and clear.

What do others think of VueScreencasts?
"Thank you! Really digging your videos!"
—Lars Sørensen
"Please, keep doing the videos"
—Станислав Скуратов
"Your tutorial is quite easy to understand."
—Koga2 Kuzengenki
"Really appreciate it! You're a good tutor."
—Ous
Take your career to the next level