70: Jeffrey Way - Vue.js Tactics for Server-Side Web Apps

Full Stack Radio

Episode | Podcast

Date: Wed, 16 Aug 2017 04:30:00 +0000

<p>Topics include:</p><ul> <li>General project structure</li> <li>Dealing with initial load flicker</li> <li>Sharing routes between Vue and your server</li> <li>Handling authorization rules on the client</li> <li>Comparing strategies for getting data into your Vue components</li> <li>Best practices for sharing state between sibling components</li> <li>Signs you should extract a child component</li> <li>Using Vue to wrap up third-party libraries</li> </ul><p>Sponsors:</p><ul> <li> <a href="https://rollbar.com/fullstackradio">Rollbar</a>, sign up at https://rollbar.com/fullstackradio to try their Bootstrap Plan free for 90 days</li> <li><a href="http://codeship.com/">Codeship</a></li> </ul><p>Links:</p><ul> <li><a href="https://vuejs.org/">Vue.js</a></li> <li><a href="https://laracasts.com/index/vue">All Vue.js lessons on Laracasts</a></li> <li> <a href="https://github.com/tightenco/ziggy">Ziggy</a>, package for sharing routes between Laravel and Vue</li> <li> <a href="https://gist.github.com/adamwathan/babd10ed0e971404c5d8a86358d01b61">Promise.takeAtLeast</a>, helper Adam uses to slow down fast AJAX calls</li> <li> <a href="https://vuejs.org/v2/guide/components.html#Custom-Events">Custom Events</a> in Vue</li> <li> <a href="https://vuex.vuejs.org/en/">Vuex</a>, state management library for Vue</li> <li><a href="https://github.com/turbolinks/turbolinks">Turbolinks</a></li> <li> <a href="https://vuejs.org/v2/guide/state-management.html#Simple-State-Management-from-Scratch">Simple State Management</a>, from the Vue documentation</li> </ul>