VoV 069: Real-time UI with Ari Clark




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 2 months free on Sentry small</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>Chris Fritz</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong>Ben Hong</strong></p> </li> </ul> <p dir="ltr"><strong>Joined by Special Guest: Ari Clark</strong></p> <h3 dir="ltr"><strong>Summary</strong></h3> <p dir="ltr"><strong>Frontend developer at Liqid Inc. Ari Clark, discusses the Real-time app and answers questions for the panel. Ari explains what Real-time is and shares what went into building this app. She explains web sockets and shares libraries and tools used in building the app. As a newer developer, Ari talks about learning on the jobs and asking questions. The panel gives tips on how to ask questions, how to answer questions, learning from mistakes and how to overcome the fear of failure. Ari discusses the challenges of building this app and shares her experience doing a complete rewrite and redesign of the Real-time app into Vue. The panel discusses what they love about Vue and Ari explains why her team picked Vue for the rewrite and what she features in Vue made the rewrite easier. </strong></p> <h3 dir="ltr"><strong>Links</strong></h3> <p> </p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuejs.org/v2/guide/components-dynamic-async.html">https://vuejs.org/v2/guide/components-dynamic-async.html</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://devchat.tv/views-on-vue/vov-068-design-systems-css-with-miriam-suzanne/">https://devchat.tv/views-on-vue/vov-068-design-systems-css-with-miriam-suzanne/</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://devchat.tv/views-on-vue/vov-063-exploring-the-world-of-animations-with-krystal-campioni/">https://devchat.tv/views-on-vue/vov-063-exploring-the-world-of-animations-with-krystal-campioni/</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/GloomyLumi">https://twitter.com/GloomyLumi</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.facebook.com/ViewsonVue/">https://www.facebook.com/ViewsonVue</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://twitter.com/viewsonvue">https://twitter.com/viewsonvue</a></strong></p> </li> </ul> <h3 dir="ltr"><strong>Picks</strong></h3> <p dir="ltr"><strong>Chris Fritz:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://zzz.dog/">https://zzz.dog/</a> </strong></p> </li> </ul> <p dir="ltr"><strong>Ben Hong:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://cssgrid-generator.netlify.com/">https://cssgrid-generator.netlify.com/</a> </strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode&amp;">https://www3.nhk.or.jp/nhkworld/en/ondemand/program/video/10yearshayaomiyazaki/?type=tvEpisode&amp;</a> </strong></p> </li> </ul> <p dir="ltr"><strong>Ari Clark:</strong></p> <ul> <li dir="ltr"> <p dir="ltr"><strong><a href="https://www.amazon.com/Wilderness-Explosions-Sky/dp/B01D7E20T4/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">The Wilderness</a> by Explosions In The Sky</strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://vuevixens.org/about">https://vuevixens.org</a></strong></p> </li> <li dir="ltr"> <p dir="ltr"><strong><a href="https://gridcritters.com/">https://gridcritters.com/</a></strong></p> </li> </ul>