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
Intro to Vuex and the Server

We look at what we'll be doing in the course, and go over the three options for the API.

Options for the API

There are several options if you want to follow along.

First, you could use MirageJS as a mock backend. Here's the course where I explain how to use it, and here's the github branch. I'll be linking to specific videos and github commits from the relevant videos in this course. This is probably the easiest way to follow along, but the downside is that data doesn't actually persist... this is a temporary solution to help you learn, not something you'll want to put into production.

Second, you could download the Ruby on Rails app I've created. Here's the app. The relevant github commits will be linked in the video where they're needed. I plan on creating a "how to get a Ruby on Rails app running" video sometime, but for now, only use this option if you're able to install and run a Rails app.

Third, you could create your own API with the backend web framework of your choice. Apparently that's Laravel and Node for most of you. I don't plan on offering courses in those right now, but I may do that eventually if demand is high enough.

Finally, you could just watch without creating the app yourself. You'll probably learn less, but it's an option.

What do others think of VueScreencasts?
"It's very helpful. Thank you for a great tutorial."
—Abdulaziz Al Ghafli
"Thank you! Really digging your videos!"
—Lars Sørensen
"Great idea man, look forward to follow along."
—Manuel Diera
"As always thanks for the great content."
—Paurakh Sharma Humagain
Take your career to the next level