Subscribe to GoRails to get access to this episode and all other pro episodes, and new awesome content every month.
Unlimited access. Cancel anytime.
Awesome series! Currently using Vue.js on it's own talking to a PHP Yii2 API but love my Rails so was keen to see how i can use it with Rails.
Would love to see more! Thanks.
Thanks Josh! I'm actually finishing up an episode adding realtime updates to the Trello clone with Vuex and ActionCable. Should be out in the next week or two!
Yeah that will be awesome. Vuex is awesome. Combined with Rails ActionCable though that will be cool to see. We use Vue Axios for API calls and bootstrap-vue which might want to look at for front-end.
Also highly recommend the Vue Chrome extension to help see what's in the Vuex, Events and general components being loaded.
Great course! I want to see something about routing with Vue. In original Trello application when you click on card the url change.
Would be awesome if you cover the Rails 5.2 features, mainly Active Storage and https://github.com/stimulus...
This was a great series! I love the practical steps forward, and refactoring into components was wonderfully illustrated.
I'm experiencing a bug in the program, and I wonder if it's something specific to my code. When I move a card and then click to edit the name within a modal, the card title is correct, but the text in the input box is incorrect. For example, if I have a list with Item 1 and Item 2, then I drag Item 2 to the first location, then click on Item 2, I get a modal with the title "Item 2" but the text in the input area is "Item 1".
Are you getting the same behavior?
Yeah, I do see the same thing. Will take a look at a fix for it.
And fixed. The solution is to add the "key" property to the loop so it can differentiate which items have changed.
card v-for="card in list.cards" :key="card.id" :card="card" :list="list"
That does the trick.