VoV 059: Trash Brain, Clean Vue with Tessa




Views on Vue show

Summary: <h2 dir="ltr"><strong>Sponsors</strong></h2> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.netlify.com/">Netlify</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://sentry.io/">Sentry</a> use the code “devchat” for $100 credit</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://triplebyte.com/vue">Triplebyte</a> offers a $1000 signing bonus</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.cachefly.com/">CacheFly</a></strong></p> </li> </ul> <h3 dir="ltr"><strong>Panel</strong></h3> <ul> <li dir="ltr"> <p dir="ltr"><strong>Eric Hanchett</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Divya Sasidharan</strong></p> </li> </ul> <p dir="ltr"><strong>Joined by Special Guest: Tessa</strong></p> <h3 dir="ltr"><strong>Episode Summary</strong></h3> <p dir="ltr"><strong>Tessa is UI developer, teacher, and community organizer. Her passion is finding more ways to build reusable components. She talks about the component work she’s been doing, specifically experimenting with building a reusable component library that’s documented and building reusable components into existing apps. She talks about what she means by reusable component and her approach to building components. They discuss the use of slots, wrapping, and how they came to understand scope slots. </strong></p> <p dir="ltr"><strong>In addition to component libraries, Tessa loves teaching. She delves into her history with teaching and some of her methods. They talk about the importance of student interaction and how students are encouraged to answer questions and interact with each other. Tessa believes that it is important to create an atmosphere where people feel like they have something to contribute, including more advanced students helping more beginner students. </strong></p> <p dir="ltr"><strong>Tessa talks about her experience with organizing communities and meetups within the tech world. She gives advice on how to start your own meetup. Tessa is currently an organizer for VueNYC, and talks about some of her work with them. She gives techniques for building communities and motivating people to talk to each other and interact at meetups. </strong></p> <p dir="ltr"><strong>Organizing communities and meetups tips. The panel discusses inclusivity in the tech world and how to incorporate multiple demographics into meetups. Finally, Tessa introduces her concept that she has spoken on in the past, “trash brain”, which is how you might know the solution to a problem but it is very context specific, and the panel discusses how to deal with that. </strong></p> <p dir="ltr"><strong>Links</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/topics/api">API</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/components-props.html">Props</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/components-slots.html">Slots</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://scotch.io/tutorials/angular-2-transclusion-using-ng-content">Tranclusions</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/forms.html">V-model</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://buefy.org/">Buefy</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/examples/select2.html">Wrapper</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/components-slots.html#Scoped-Slots-with-the-slot-scope-Attribute">Scoped slots</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://reactjs.org/docs/render-props.html">RenderProps</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.nextech.com/">Nextech</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://understandingcomics177.wordpress.com/about/1-2/2-2/">Closure in comics</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="http://vuejs.nyc/">Vuejs.nyc</a></strong></p> </li> </ul> <p dir="ltr"><strong>Follow DevChat on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&amp;eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en">Twitter</a></strong></p> <h3 dir="ltr"><strong>Picks</strong></h3> <p dir="ltr"><strong>Divya Sasidharan:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.ashers.com/">Asher’s chocolate-covered biscuits</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>ASMR cooking videos</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Public libraries</strong></p> </li> </ul> <p dir="ltr"><strong>Eric Hanchett:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://buefy.org/">Buefy for Vue JS</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://github.com/chrisvfritz/vue-enterprise-boilerplate">Chris Fritz’ Enterprise Boilerplate</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Captain Marvel</strong></p> </li> </ul> <p dir="ltr"><strong>Tessa:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.amazon.com/No-Hard-Feelings-Embracing-Emotions/dp/0525533834/ref=sr_1_1?ie=UTF8&amp;qid=1548462018&amp;sr=8-1&amp;linkCode=ll1&amp;tag=devchattv-20&amp;linkId=f06bfe7482dca8bb751ed6d7cc86e2ab&amp;language=en_US">No Hard Feelings</a> book </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Eating dry ramen with the flavor poured on top as a snack</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Get Smart movie and The Detective Returns (Korean film)</strong></p> </li> </ul>