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
"This is an amazing tutorial, especially for beginners. I love how you even go through the package.json. Nice work!"
—Jin Tak
"This was EXACTLY what I needed. Informative and succinct. Thank you for taking the time to do this."
—Zara Kayn
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
Take your career to the next level