Skip to main content

Subscribe to GoRails to get access to this episode and all other pro episodes, and new awesome content every month.

Subscribe Now
Only $19/month

Unlimited access. Cancel anytime.

7 Vue.js Trello Clone in Rails - Part 8

Episode 224 · January 15, 2018

Adding Vuex as our Data Store gives us the ability to add realtime updates to our trello clone across browsers using ActionCable

Javascript VueJS


Subscribe or login to view the transcript for this episode.



This is excellent! Opened my eyes on usefulness of Vue.js. As someone vested in Rails for many years, I would love to see a parallel series on creating the same Trello Board application using React JS. That would be very useful for Rails developers.


would be great to see an episode on how you test all of this through UI


Hey Chris, I'm learning a lot with you. Thanks.
Would be great to see this project handling with multiple boards.

Hi Chris,

Since upgrade to rails 5.1.5, the Rails.ajax call doesnt work anymore. No errors in log, nothing in the console, .. After a regression to 5.1.4 everything is working well, so this behaviour is due to the last rails version but I dont find where (I read the rails-ujs commits but found nothing, ...) 

Does anybody have the same issue ? 
I have the same issue too.

It's working for me. I had to do 
yarn add rails-ujs 
import Rails from 'rails-ujs'
 in my pack file
I'm getting the same issue...but only on the editCard method.  The save button is now updating the card name via rails, but it doesn't immediately display in the browser via Vue.  (Only upon refresh is the updated card name shown).  Any ideas Chris?  thanks!

Dope stuff, bro.

How to delete a list or card?



Great series Chris! Really helped wrap my head around getting Vue to play nice with Rails.

Definitely would love more Vue + Rails tutorials if its in your queue.

Keep up the good work!

Login or create an account to join the conversation.