VoV 006: Creating a Vue Plugin with Ramsay Lanier




Views on Vue show

Summary: <p><strong>Panel: </strong></p> <ul> <li>Charles Max Wood</li> <li>Cher Stewart</li> <li>Chris Fritz</li> </ul> <p><strong>Special Guests: </strong>Ramsay Lanier</p> <p>In this episode of Views on Vue, the panelists discuss creating a<a href="https://vuejs.org/"> Vue</a> plugin with Ramsay Lanier. Ramsay is a front-end developer for <a href="http://www.novetta.com/">Novetta</a> and spends most of his time turning fancy data into cool visualizations. He originally got his start in programming with <a href="https://reactjs.org/">React</a> and is a new convert over to Vue. He talks about why he decided to create his Vue plugin and what steps he took to create it. This episode is great for people wanting to learn more about plugins and when they can best be used.</p> <p><strong>In particular, we dive pretty deep on:</strong></p> <ul> <li>Ramsay intro</li> <li>Recent <a href="https://vuejs.org/">Vue</a> convert</li> <li>Got his start with <a href="https://reactjs.org/">React</a> </li> <li>Side project: <a href="http://wordexpress.io/">WordExpress</a> </li> <li>What is a Vue plugin?</li> <li>How do you get started creating a Vue plugin?</li> <li><a href="https://www.apollographql.com/">Apollo GraphQL</a></li> <li>Parsing</li> <li>How did you know you needed a plugin?</li> <li>Don’t have to be an expert in Vue to create a plugin</li> <li>What was the most difficult part of building it?</li> <li>Getting started was the hardest part</li> <li><a href="https://vuejs.org/v2/guide/plugins.html">Vue Plugins Documentation</a></li> <li>Likes the Vue plugin implementation over React’s</li> <li>Wanted something convenient</li> <li>Shortcodes are what can be expanded upon</li> <li>Vue.use</li> <li>What does Vue.use accept?</li> <li>Instance vs Global methods?</li> <li>Any plugins that you really liked?</li> <li><a href="https://github.com/vuejs/vue-router">Vue Router</a></li> <li>Did anything surprise you when looking up plugins?</li> <li><a href="https://vuex.vuejs.org/en/intro.html">Vuex</a></li> <li>Plugin tests</li> <li>And much, much more!</li> </ul> <p><strong>Links:</strong></p> <ul> <li><a href="http://www.novetta.com/">Novetta</a></li> <li><a href="https://vuejs.org/">Vue</a></li> <li><a href="https://reactjs.org/">React</a></li> <li><a href="http://wordexpress.io/">WordExpress</a></li> <li><a href="https://www.apollographql.com/">Apollo GraphQL</a></li> <li><a href="https://vuejs.org/v2/guide/plugins.html">Vue Plugins Documentation</a></li> <li><a href="https://github.com/vuejs/vue-router">Vue Router plugin</a></li> <li><a href="https://vuex.vuejs.org/en/intro.html">Vuex</a></li> <li><a href="https://github.com/ramsaylanier">Ramsay’s GitHub</a></li> <li><a href="http://ramsaylanier.com/">RamsayLanier.com</a></li> <li><a href="https://twitter.com/rmmmsy">@Rmmsy</a></li> </ul> <p><strong>Picks:</strong></p> <p>Charles</p> <ul> <li><a href="https://www.amazon.com/Bose-SoundLink-Bluetooth-Wireless-Headphones/dp/B00M58CMYC">Bose SoundLink Headphones</a></li> </ul> <p>Cher</p> <ul> <li><a href="https://codepen.io/meowwwls/full/WzRLmJ/">Vue'do</a></li> <li><a href="https://en.wikipedia.org/wiki/Sneaky_Pete">Sneaky Pete</a></li> </ul> <p>Chris</p> <ul> <li><a href="https://www.amazon.com/Stories-Your-Life-Others-Chiang/dp/1101972122/ref=sr_1_1?s=books&amp;ie=UTF8&amp;qid=1523249088&amp;sr=1-1&amp;keywords=stories+of+your+life+and+others"><em>Stories of Your Life and Others</em> by Ted Chiang</a></li> <li><a href="https://rimworldgame.com/">RimWorld</a></li> <li><a href="https://vuejs.org/v2/guide/components.html">New Component Docs</a></li> <li><a href="https://addons.mozilla.org/en-US/firefox/addon/vim-vixen/">Vim Vixen</a></li> <li><a href="https://chrome.google.com/webstore/detail/vimium/dbepggeogbaibhgnhhndojpepiihcmeb?hl=en">Vimium</a></li> </ul> <p>Ramsay</p> <ul> <li><a href="https://atlantamonster.com/">Atlanta Monster</a></li> <li><a href="https://www.vox.com/today-explained">Today, Explained</a></li> <li>Amazon Originals</li> <li><a href="https://en.wikipedia.org/wiki/Sneaky_Pete">Sneaky Pete</a></li> <li><a href="https://en.wikipedia.org/wiki/Electric_Dreams_(2017_TV_series)">Electric Dreams</a></li> <li><a href="https://www.seaofthieves.com/">Sea of Theives</a></li> </ul>