Topics include:<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>Sponsors:<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>Links:<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>

In this episode, Adam talks to Chris Fritz about common mistakes people make when designing Vue.js applications, and better ways to solve the same problems.

Full Stack Radio

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