NuxtJS + VueX: Deserialization, load strategies, middleware (Assembling a serious Nuxt app, part 3)

Published: 20 October 2019
on channel: Jeffrey Codes

23,543

379

In this video we move from loading each page with asyncData to preloading the app's data into VueX from a middleware hook. Along the way we learn several new concepts and review even more!

0:00 Start
1:58 From asyncData to VueX (naive)
15:06 Refactoring with deserializers, destructuring, etc.
24:41 Loading Strategy
29:36 Preloading, Middleware, and the RSVP library
43:09 Summary

The "Building a VueJS Screencasting App From Scratch" Playlist:    • Building a VueJS screencasting app fr...
Start of this Nuxt series:    • Introduction to NuxtJS - Nested and d...

** Github Links **

asyncData to VueX: https://github.com/jeffreybiles/vue-s...
Refactoring using serializers and destructuring: https://github.com/jeffreybiles/vue-s...
Preload using middleware: https://github.com/jeffreybiles/vue-s...

** Find me online! **

Twitter:   / jeffreybiles
Website: https://www.jeffreybiles.com