87: Chris Fritz - Vue.js Anti-Patterns (and How to Avoid Them)

Full Stack Radio

Episode | Podcast

Date: Wed, 25 Apr 2018 17:01:00 +0000

<p>Topics include:</p><ul> <li>Why global state is better than an event bus</li> <li>Why and how to avoid using this.$parent</li> <li>Custom events vs. callback props</li> <li>When to use watchers and when you don't need to</li> <li>Why you should prefer computed properties over methods</li> <li>Inline templates vs. scoped slots</li> <li>Using components to share code instead of mixins or directives</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="https://codeship.com">Codeship</a>, check out how they performed in <a href="https://codeship.com/forrester-wave-continuous-integration-report">Forrester's latest Continuous Integration Tools report</a> </li> </ul><p>Links:</p><ul> <li> <a href="https://adamwathan.me/advanced-vue-component-design/">Advanced Vue Component Design</a>, Adam's upcoming course</li> <li><a href="https://github.com/chrisvfritz">Chris on GitHub</a></li> <li><a href="https://www.patreon.com/chrisvuefritz">Chris on Patreon</a></li> <li> <a href="https://www.youtube.com/watch?v=7lpemgMhi0k">"7 Secret Patterns Vue Consultants Don't Want You To Know"</a>, Chris' recent presentation</li> <li> <a href="https://css-tricks.com/methods-computed-and-watchers-in-vue-js/">"Methods, Computed, and Watchers in Vue.js"</a> by <a href="https://twitter.com/sarah_edo">Sarah Drasner</a> </li> <li> <a href="https://github.com/LinusBorg/portal-vue">PortalVue</a>, library for rendering elements outside of their parent component</li> <li><a href="https://github.com/chrisvfritz/vue-enterprise-boilerplate">vue-enterprise-boilerplate</a></li> </ul>