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


Transcripts

Subscribe or login to view the transcript for this episode.

Discussion


Gravatar

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.


Gravatar

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


Gravatar

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


Gravatar
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 ? 
Gravatar
I have the same issue too.

Gravatar
It's working for me. I had to do 
yarn add rails-ujs 
and
import Rails from 'rails-ujs'
 in my pack file
Gravatar
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!

Gravatar
Dope stuff, bro.

Gravatar
How to delete a list or card?

Thanks.

Gravatar

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.