Intro to Vuex and the Server
Connecting to a REST Server
Loading Server data into Vuex
Switching to JSON API
Data Relationships with JSON API and Vuex
Tags Page
Our First Reusable Component
0% done with Vuex: Loading data using axios and deserializing JSON API relationships

Chapter 2 of 27 in Building
Data Relationships with JSON API and Vuex

Getting data relationships from an API can seem difficult at first... but thanks to JSON API's consistent format, we're able to load our videos and tags, and their relationships, with ease.

In this lesson, we learn how to do some basic munging on incoming data, so it's easier to use within our app, and then attach the tags to the videos and display them as nice green buttons.

Ruby on Rails code

Github: loading JSONAPI relationship (note: this one has some MirageJS mixed in, ignore that if you're not going that path.

Github: showing tags on videos

MirageJS Video

What do others think of VueScreencasts?
"I am happy to find your video, really amazing. I am excited to hear from you the next one. Thanks a lot."
—Azri Ridha
"Great work man."
—The Nerdy Dev
"Thank you. Even after having seen many tutorials, I keep learning a lot from you. You teach well!"
—Lars Sørensen
"Thank you for the lesson. I could not solve the problem with middleware in any way, but now everything fell into place."
—Адам Янг
Take your career to the next level