Views on Vue

In this episode of Views on Vue Elizabeth Fine interviews Christian Kienle about his switch from native iOS development to Vue development. Chris starts by sharing his history as a developer and why he started using Vue. He shares his fascinating story. He nearly died which turned his life upside down. After going on a cruise that brought him back to his life, Chris wanted to build a cruise app. This made him looking into making a web app this all brought him to Vue.  Chris explains why he chose Vue. He didn’t know anything about web development and was very impressed by Vue’s description.  Elizabeth asks Chris about learning Vue. Chris explains that he soaked up the knowledge in the Vue docs like a sponge. He tells Elizabeth what he loves about Vue. Elizabeth asks Chris about his yearly code retrospection. Chris explains that every year he looks back at the code he wrote that year to see the progress he has made. They consider the benefits of this practice and Chris shares what it was like looking over his first year of using Vue.  Chris shares a project, MiniPress. He was impressed with VuePress and wanted to know how it worked. It took him a few months and a lot of research but he was able to build this mini version of VuePress. He and Elizabeth consider what he learned and the value of this learning method. Chris works for SAP. He and Elizabeth discuss the SAP component library and compare how their teams approach the libraries for both of their companies. Panelists Elizabeth Fine Guest: Christian Kienle Sponsors   Sentry– use the code “devchat” for two months free on Sentry’s small plan CacheFly Links https://github.com/ChristianKienle/minipresshttps://www.staticgen.com/saberhttps://www.vuemastery.com/https://github.com/SAP/fundamental-vuehttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Christian Kienle: Compositional API Elizabeth Fine: A Brief History of TimeSpecial Guest: Christian Kienle. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue panel discusses mental health. They start by sharing what they do in their free time and consider the value of having a balanced life with hobbies and time spent doing non-code related things. They discuss the importance of respecting your mental health and being aware of where you stand. It is possible to stay aware of things going on in the coding community and to be successful without coding in all your free time. The panel shares strategies and techniques they use to alleviate burn out. Taking breaks and days off. They stress the truth that a mental health day is a sick day. Focusing on the reason you are coding, the people. The panel warns against obligations that trap you in a toxic environment.  Inspiration is the next topic the panel discusses. Some of the things to keep their fire burning are considered. Ari explains how Views on Vue helps her stay inspired. Listening to other podcasts and connecting to people. They consider the value in building stupid and crazy tutorials. They discuss how relationships affect mental health.  Diagnoses and labels and how they affect us are considered. The panelists open up and explain how being diagnosed affected their mental health. Ways to support those around us with mental illness are explored. Ben explains three things to remember when dealing with anyone not just those with mental illness; be empathetic, ask questions and do not make assumptions.  When discussing ways to recognize when a coworker is struggling, Ben introduces red, yellow, green check-ins. He explains that at his work they all share where they are red, yellow or green. This way their team can be aware of their mental state. The panel explains how this activity could benefit them and their teams.  Panelists Ben Hong Elizabeth Fine Ari Clark Sponsors   Dev Ed PodcastSentry– use the code “devchat” for two months free on Sentry’s small plan My Ruby StoryCacheFly ________________________________________________________________________________________________________________________ "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood will be out on November 20th on Amazon.  Get your copy on that date only for $1. ________________________________________________________________________________________________________________________ Links Radical Acceptancehttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Cream City CodeSteve AokiAbstract Elizabeth Fine: https://github.com/Domenicobrzhttps://www.vuemastery.com/vue-cheat-sheet/ Ari Clark: UnbelievableAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

The guest panelist for this episode of Views on Vue is Michele Cynowicz. Michele is a senior front-end engineer at Vox Media. The discussion opens up with Ari asking Michele to share her background of how she got into development. She started in design in the late 1990’s and early 2000’s and transitioned into being a front end developer working with basic HTML and CSS and moved up into working with JavaScript, frameworks, and back end technologies. She has also worked with templating systems for Python and PHP. She is currently working on projects with Ruby on Rails and has recently worked on a project where she put a VueJS front end on top of a Ruby on Rails back-end. This project was the beginning of her forray into VueJS and this leads her into the topic for this episode, prototyping and the design cycle.  Ari asks Michele to elaborate more on what design means in this context and she shares a story of a time she was looking at a resume that was poorly designed, and the candidates’ attached portfolio had a poor user experience. Michele points out why the combination of these two factors made it challenging for the candidate to get job offers. Michele brings out the conclusion that it is possible to have a lifetime of front end user experience and have little to no exposure to user experience and design. She shares an overview of how the development process operates where she works and how design is involved in that process. Ari and Michele then have a discussion on usability testing, how they came to use it in their respective organizations, and how they put these concepts into practical application. The next topic covered by the Vue experts is functional prototyping. Michele explains what she defines a functional prototype, how they work with components, and shares an example. She also details what she calls a prototype wrapper and how it works. Michele explains how the process they go through for user testing helps to improve the usability of the application. Michele also explains some differences between agile and waterfall development methodologies. Elizabeth then asks Michele to share more detail on how she implements these ideas in production without exposing half finished code to the world. Michele shares that she uses these concepts in applications that require sign-in and in this way she is able to control who sees them. Michele shares how logistics can be an issue with her method of user testing. If users are in multiple locations, it can be difficult to work together. She details how she overcomes these types of challenges to build prototypes and keep them in production. Elizabeth then shifts the discussion to a more technical explanation of how this prototype scaffold works and the panelists discuss this in more detail as well as how to overcome some of the challenges presented. Michele is on twitter and can be reached in the vue vixens slack community. Panelists Ari Clark Elizabeth Fine Ben Hong   Guest Michele Cynowicz Sponsors TideliftSentry use the code “devchat” for 2 months free on Sentry’s small plan My JavaScript Story Links Vox MediaViews on Vue Redesigning For State ManagementAgileWaterfall@michelecynowicz on twitter   Picks Elizabeth Fine Her Applesauce Recipe Webpack Bundle Analyzer Ben Hong Lucifer Netflix SeriesSuper Pumped: The Battle For Uber Michele Cynowicz The Good Place SeriesResilient Management Ari Clark Hello, Privilege, It’s me, Chelsea  Special Guest: Michele Cynowicz. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

On this episode of Views on Vue the panelists are joined by Filipa Lacerda. Filipa is a senior front-end engineer at Gitlab where they have been using Vue. The topic for this episode of Views on Vue is “the good, the bad, and the ugly” where the panelists discuss some of the positives of their experience with Vue as well as some of the struggles they’ve had.  Filipa starts the discussion with sharing that Vue comes with a great deal of power to deliver to the end user as well as an example of this that she has experienced. She also shares some of the bad, such as how when she started using Vue many of the standards that exist today did not exist then. Filipa shares a story from a time in the early stages Vue when she was able to kill a browser. The panelists also highlight some Vue worst practices.  Next, Filipa explains how it was difficult in the beginning to know which pipeline to use. She details how some of the linting rules and documentation she created came about. She also talks about the changes that came from adding Vuex to her environment. Ben then asks Filipa to detail how their architecture differs from Vuex. She shares the technical details of how they work with APIs differently and how this process helps to improve testing. Most of the repositories they use are open source. The Vue podcasters then move to discussing the style guide used at gitlab. Filipa shares that they use something called gitlab-ui where they keep all of their front end components. She also shares how they are migrating their shared components.  Ari then asks Filipa to share her story of how she came to be a developer. She shares how she started her time at university in communications and quickly learned that she wanted to change and received a degree in multimedia. When she started working she was a user experience designer and because she struggled with the design aspect of this job she learned how to code. She shares the technologies she used and how she became a proficient coder. Filipa shares some of the differences between working in React and working with Vue. The next topic covered by the Vue experts is Vue 3. Filipa explains that at Gitlab they always try to keep their dependencies as up to date as possible. The biggest obstacle to this goal is being able to deal with breaking changes that come in. When these breaking changes are introduced they are always able to resolve them and get their dependencies back up to date. At Gitlab they don’t like to retrofit old code with new technologies but they do like to use new technologies with new code moving forward. The Vue developers share their opinions on why refactoring old code with new features can provide challenges. Filipa presents the idea that it’s hard to make a case for refactoring old code with a new feature if the customer isn’t going to see a difference. Ari shares an example of when a refactor provided an opportunity to improve their product.   Panelists Ben Hong Ari Clark Erik Hanchett   Guest Filipa Lacerda Sponsors Tidelift  Sentry.io use code “devchat” for 2 months free My Angular Story Links GitlabVuexReactgitlab-uiMeltanoFilipa’s WebsiteFilipa Lacerda TwitterFilipa Lacerda GithubFilipa Lacerda Gitlab Picks Erik Hanchett NuxtGraphQLTypeScript Ari Clark Explosions in the Sky - The Earth Is Not a Cold Dead PlaceRadical Acceptance Filipa Lacerda Remote ShiftSystem of a Down Ben Hong Landslide by DagnyAnxiety Is The Dizziness of Freedom by Ted ChiangSpecial Guest: Filipa Lacerda. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Sebastien Chopin is a front end developer who works mostly in JavaScript and is the creator of Nuxt.JS, a framework based off of Vue. Nuxt started as a JavaScript framework for application rendering and today it can be used to create any kind of application. One advantage of using Nuxt with Vue comes in with server side rendering. Even though a user can use Vue for server side rendering, they will need the use of outside modules where using Nuxt will help them to get started quicker.  After the Views on Vue panelists discuss the usage of Nuxt in server side rendering, Ari asks Sebastien to elaborate on how Nuxt can be used outside of server side rendering. Sebastien describes how Nuxt has a pages system that helps streamline the directory and folder structure of an application or web page. Nuxt also has features to help with navigation among other usages described by Sebastien. He also goes into further detail about the features of the pages system. The panel then covers Vuex and using Vuex to perform asynchronous operations, as well as how Nuxt streamlines this process. The next topic covered by the panelists is vue page transitions and how they work in Nuxt. Sebastien talks about how Nuxt uses components and modes to manage transitions and how to modify the page’s CSS appropriately. Ari then asks Sebastien what other features come with Nuxt out of the box in addition to transitions. Sebastien goes on to share these features that include the following: transitions, pages transition, templating, app customization, and browser comments. The panelists discuss the plugin ecosystem included with Nuxt.  The next topic covered by the Vue experts is the use of plugins and modules as well as some of the markdown centered authoring in Nuxt. Ben asks Sebastien if a markdown compiler would need to be a plugin or a module and how it would work. Sebastien explains that a user could use markdown by using a webpack loader and how to use modules to support it. Ari ask Sebastien to expound upon how Nuxt enables a quality developer experience when building static sites on a JAMstack. In response to this, Sebastien shares a story about when his brother joined him to work on the first edition of Nuxt. Together they used a generator command to read the pages directory and Sebastien shares the effect that had.  The panelists then move on to discussing the future of Nuxt and upcoming releases. Sebastien talks about his plans for the upcoming changes to NuxtJS.org and full static mode as well as other upcoming features. The panelists also discuss CircleCI and GitlabCI as well as other git tooling. Ari asks Sebastien what he does when he has spare time. Sebastien likes to browse twitter which he uses as his feed to keep up on what’s happening in open source. He also likes to keep current on the Javascript and Vue worlds. They also talk about the upcoming Nuxt projects that Sebastien is excited about. They wrap up with talking about social media in the community and how to get involved with NuxtJs.   Panelists Ben Hong Ari Clark   Guest Sebastien Chopin Sponsors TideliftSentry use code “devchat” for two months free JavaScript Jabber Links Nuxt.JSNuxtPressVuexWebpack LoadersNuxt + Markdown blog starterJAMstackChuck Norris DatabaseCircleCINuxtJS InstagramNuxtJS Discord ServerNuxtJS GithubSebastien Chopin TwitterAtinux githubAtinux.comVue.js Conference Amsterdam Picks Ari Clark Grace and Frankie Sebastien Chopin ThylacineFriendsVuepress 1.1Gridsome 0.7 Ben Hong Gurenge by LiSADemon Slayer: Kimetsu no YaibaSuper PumpedSpecial Guest: Sébastien Chopin. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

This episode of Views on Vue features Tracey Holinka, a web application architect with the role of front-end lead for Bloomberg industry group. The Views on Vue podcaster begin by asking Tracey how she got into Vue. Her Vue experience starts at work where she didn’t like the technologies they were using so she and a colleague decided to switch over to GraphQL, Apollo Client, and Vue. One of the many things that she appreciates about Vue is its diverse array of applications.   Ari begins a discussion on Vue and CSS by asking Tracey if she has found any notable differences, in terms of developer experience, between doing single file components or using Vue by including a script tag. Tracey responds to this by sharing her preference for single file components because she appreciates the division of the languages, or in other words she likes HTML files only having HTML, her CSS files only having CSS, and so on. She feels that with this separation of languages she can work faster and understand the code easier.   The Views on Vue panelists then ask Tracey how she handles CSS in her Vue development environment. She shares her opinion on how she used to prefer manual scoping, particularly for smaller projects and push CSS modules for larger projects. She then goes on to share why she now prefers CSS modules for projects of all sizes. She then goes on to share some of her best practices with the other Vue developers for writing proper CSS including ways to prevent collisions and when she uses CSS preprocessor. The panelists then asked Tracey how she knows when to modularize or componentize an element of a page or other functionality. In response to this question Tracey shares how she came up with her best practices and why she likes to componentize when she does.   Next the Vue experts discuss tools they use to help support the use of component libraries and ways to help other developers figure out what components are available. Tracey shares how she went to a Vue conference and heard about the component library Storybook as well as storyshot which is a plugin for Storybook that is used in regression testing. Storyshot works by taking an image of a component and uses it to check the CSS of a page. Since Tracy had been using Vue for about a year before using Storybook and storyshot, Ari asks how difficult it is to retroactively fit an application with these tools. Tracey shares that this retrofitting is easy, particularly more so if the user is familiar with unit testing already. The Vue experts also discuss different technologies that they use for unit testing such as Jest, Vue Util, Cucumber, and Webdriver.io. They discuss the benefits of using GraphQL and Apollo instead of the more common Rest API solution.   The final topics discussed by the Vue panelists are community building and women in the technology community. Tracey’s shares her observation that the Vue community is growing but she wants to focus on having more women involved. The panel holds a discussion about women in tech and some of the challenges facing them. They discuss some of the support that is out there for women to help them succeed in technology. The Vue community is a very inclusive community that is proactive about including everybody.  Special Guest: Tracey Holinka. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

On this episode of Views on Vue the panelists discuss their preferences for their development environments and tools. They begin with their preferences for text editor, font, and theme in their Vue development environments. All three currently use Visual Studio Code as their main text editor. Ari Clark switched to VS Code from Atom because she prefers the support that it has for Vue and Ben Hong switched from Sublime. Ben prefers the night owl theme and the operator mono font. On the other hand, Ari prefers the one dark pro theme for its syntax highlighting and prefers dank mono as her font. The Views on Vue panelists then go on to discuss their preferences on using the terminal. They weigh the pros and cons of using the integrated terminal and when they turn to other shells. The other potential shells that the Vue panelists discuss are Bash, Zsh, and Fish. The panelists focus on the speed and performance of the shells, and make an important note that not all shell commands are valid on other shells and the user will have to be familiar with the shell they are using. The Vue experts discuss whether they use the command line interface (CLI) or VS Code version control to manage their git version control. The panelists then weigh the pros and cons of different terminal shells they like to use. The panelists also briefly discuss how open they are to changing their development environment setup.  The topic then shifts to extensions for VS Code. The Views on Vue podcasters mention their preferences for a bracket colorizer, extension packs, code snippets and other tools. They talk specifically about the following extensions: Vue VS Code Extension Pack and Vue VS Code Snippets by Sarah Drasner, and Vetur created by Pine Wu, the latter of which the panelists identify as a quintessential extension for writing Vue. They discuss the merits of code snippet extensions as reusable code and creating them in VS Code.  They also discuss some of the different types of snippets that exist and how to use them. The Views on Vue panelists discuss ways to enforce best practices in addition to code snippets. They talk about using code generators like Hygen to automatically fill out the template for specific types of files. They share that creating unit tests helps to ensure best practices and that the code works as intended, as well as the differences between unit tests and end to end tests. They go over the strengths of an end to end testing tool called cypress. Tools like Husky or Yorkie allow you to add pre commit hooks to the package.json file that will automatically manage all the linting for a project.  Finally the panelists share their preferences browser tooling for Vue projects in addition to browser developer tools and their browsers of choice. Ari says that she prefers the previous version (version 4) of Vue devtools than the current version (version 5) and her reasons why. Chris Fritz shares that he likes Vimium for setting up quick navigation and Ben shares that he likes to use Keyboard Maestro. Panelists Ben Hong  Ari Clark  Chris Fritz Sponsors TideliftSentry.io use code “devchat” for 2 months free React Round Up  Elixir Mix Links Atom SublimeVue VS Code Extension Pack by Sarah DrasnerVetur by Pine wu  Vue VS Code Snippets by Sarah Drasner Hygen Cypress VoV 007: Testing Vue.js with Cypress with Gleb BahmutovHuskyVimiumKeyboard MaestroVue devtools Picks Ari Clark Gris  Ben Hong Ralph Breaks the Internet Chris Fritz Spiderman: Into The SpiderverseChildren of RuinAdvertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Luca Mezzalira is an Italian developer. He is the VP of architecture at DAZN, a multi-country live streaming platform for sports, Google developer expert, and London JavaScript community manager. Luca got his start in programming 16 years ago when a friend told him about it and gave him a book. He was very intrigued and went on to learn multiple languages and travel the world for his job. For the last 4-5 years he’s been working in architecture, and is now the leader on thoughts on micro-frontends.  Luca first defines what he means by a micro-frontend. He advises that when designing a new application one should consider how to make it scalable from the beginning. His passion for micro-frontends came from working with DAZN, where they need to enable hundreds of people to work on the same project in different time zones and locations. This problem was solved by microservices.A microservice is a self contained, autonomous, independent service that can be deployed inside a system responding to an API you can consume. It only does one job, and when you have a backend that has multiple microservices you can move away from the old monolith, and scale one API at a time and apply an independent release of a service. Microservices are often applied to the backend, but Luca talks about how the same principles can be applied to the frontend. This is similar to the way that Netflix works. His advice is to think about how you can slice your frontend into individual pieces. Micro-frontends can work with both regular and micro-backends. Luca talks about how DAZN has developed, from a monolith front and back to utilizing microservices. He has found that using microservices has decreased the amount of code they release, increased their speed because decisions happen locally and independently from the rest of the program, and enables teams to work in parallel. Using microservices on both the front and backend has given this large organization greater agility overall.   Luca addresses some risks with using micro-frontends. It is important to identify your business model before implementing a micro-frontend. They are more effective when you know where your site traffic goes and you can slice your frontend properly. When applied correctly, microservices can enable your app to get more elaborate because it will only load the code that it needs.  Ari Clark wonders if having a micro-frontend helps you create autonomous teams with expertise that benefit your company or if the specialization affects your operational readiness if something goes wrong. One of the main challenges DAZN has had is knowledge sharing between teams, and he shares practices the company has implemented to help spread the information around to keep people from feeling isolated. He talks about how developer teams are set up in his company, with some temporary roles and some people in rotation. Developers are encouraged to change their team if they want to try another challenge. Luca has found that this set up causes people to stick around longer, but notes that it is important that your location be pretty stable in the number of people there before implementing this method. He also talks about how people other than developers are divided in the company.  Luca talks about some of the challenges they’ve had with this organization and the tools they’ve employed that are conducive to this business structure. Some of their management methods are working in small iterations, creating bridges between teams, and centralizing some teams. They are currently working on creating a structure where developers at any stage can chip in. The panel discusses the value of this business setup.  The panel asks Luca his feelings on code reuse. He believes it to be important, but not essential. He talks about how resing code is implemented in his company and how they are working on a way to make it better. Luca notes that if you have a unique framework you’re using, you need to have try to have multiple libraries of the same framework for different versions. He also talks about situations where he found duplicating code helpful. The show finishes with the panel discussing his article on micro-frontends on Medium.  Panelists Ari Clark Chris Fritz Elizabeth Fine Ben Hong With special guest: Luca Mezzalira Sponsors Sustain Our SoftwareSentry use the code “devchat” for 2 months free on Sentry’s small plan Elixir Mix Links DAZNMicroservice  Amazon style dictionaryI Don't Understand Micro Frontends by Luca Mezzalira Follow DevChatTV on Facebook and Twitter Picks Ari Clark: What We Do in the Shadows on Netflix and Hulu Chris Fritz: VoiceAttackLover by Taylor Swift Elizabeth Fine: CookBook app Ben Hong: Exhalation by Ted ChangPerplexus Epic Luca Mezzalira: The Phoenix ProjectBuilding Micro-Frontends Webinar September 30, 2019 Follow Luca @lucamezzalira and at https://lucamezzalira.comSpecial Guest: Luca Mezzalira. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

In this episode of Views on Vue the panel interviews core team member Rahul Kadyan. They discuss his various contributions to the vue ecosystem and his recent conference, Awesome Conf. The panel starts by asking Rahul about rollup-plugin-vue. Rollup is a bundle like webpack. When Rahul got his start in Vue he wanted to use rollup so he created rollup-plugin-vue. This caught the eye of the core team and he received an invite to join the core team.  Rahul spends most of his time in Vue working with compilers, the panel asks him about template compilation. He explains when template compilation happens and how knowing how it works can help you create better templates. Rahul shares all the awesome things that can be done with templates. The topic moves to stand alone and runtime only builds in Vue. Rahul explains how each of these builds. The panel considers possible use cases for both builds. The stand alone build being larger is good for only about 10% of cases. The runtime only build works well in cases where you already have a build process. On top of Vue being smaller, it can also make your website run faster.    Rahul recently gave a talk about single file components or SFC in Vue. He explains the easiest ways to use SFC and what it is capable of. The panel compares SFC to an ordinary JavaScript file. Rahul lists the benefits of using and SFC over a regular JavaScript file, one being you get the best out of the box render function in Vue.  The panel asks about the work Rahul is doing at work, building a design language system. He explains the difference between a design system and a design language system.  A design language system defines what every interaction will look like, it has a larger scope than a regular design system. He explains how useful it is and what they use it for.  Some of his other contributions to the Vue ecosystem include the vs code language plugin he is currently working on. In this project, he is exploring ways to find all your global components so that way he can provide completions for all the components. Also in this plugin, he is exploring using a compiler to get all the information about each component.  He is hoping to include editing capabilities which gets the panel really excited.  Rahul has a repo called vue-lazy-hydration, which allows you to hydrate components as you need them while doing server-side rendering. He explains what he means by hydration and how by using async hydration the long delay that normally comes with server-side rendering is no longer a problem. He is currently creating demos for the repo.  The first Awesome Conf was held recently and Rahul shares his experience setting it up. Awesome Conf is different than other conferences in that the speakers were actually the attendees. Rahul explains how all this came about. At first, they were going for a normal conference but didn’t get enough speakers, so they reached out to the attendees and told them they would have to provide the talks. They provided topics for the attendees to choose from and chose 15 talks from the ones submitted. With such a small conference they let everyone bring a plus one. The conference was a success and everyone had a great time.  Rahul is looking forward to doing another Awesome Conf this time for design. He is still working out the details but he wants a diverse group that can really learn from each other. The panel considers what they would do if they were asked to speak. They share their fears of speaking and Rahul shares some of the advice he gave to the speakers as he helped them prepare for their talks.  To finish the episode, Chris Fritz asks Rahul why he chooses to work with compilation. Rahul shares his story about getting into computer science and eventually compilation. He explains why he loves working in compilation and how it helps him as a front end developer.      Panelists Chris Fritz Elizabeth Fine Ari Clark Guest Rahul Kadyan Sponsors   Adventures in DevOpsSentry– use the code “devchat” for two months free on Sentry’s small plan The iPhreaks ShowCacheFly Links Demystifying: The Dark Art of SFC Compilation with Rahul Kadyanhttps://github.com/vuejs/rollup-plugin-vuehttps://github.com/znck/lazy-hydrationhttps://connect.tech/https://twitter.com/znck0?lang=enhttps://awesomeconf.design/  https://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Chris Fritz: Build a self-care app Crazy Like Us: The Globalization of the American PsycheChildren of RuinInterference: a novel (Semiosis Duology Book 2) Elizabeth Fine: https://illustrated.dev/ Ari Clark: Forager Rahul Kadyan: Love, Death & RobotsDetroit: Become HumanSpecial Guest: Rahul Kadyan. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy

Episode Summary   In this week’s episode of Views one Vue, the panel interviews Vue’s biggest fan, Gwendolyn Faraday. Gwen shares her story of getting into vue. How she was a little reluctant at first but ended up being so impressed with everything Vue has to offer. Gwen is a Vue educator and loves how easy it is to teach Vue, with its great docs and human-focused design.   Gwen explains why she is such a big fan of Vue. It is easy to use. It is intuitive to use. The documentation is wonderfully written. She loves that Vuex and Vue Router are actual Vue products that work seamlessly with the framework, making a cohesive ecosystem. She declares that Vue is not just for beginners, it is a production-ready, battle-tested language with a human-driven design.     The panel asks Gwen what makes learning and teaching Vue easier. Gwen explains that Redux is complex and hard to understand while Vuex is much simpler to understand. She tells the panel that Vue is much easier to learn because it has fewer complex concepts and fewer layers of abstraction. This makes it easier for new developers to get started coding sooner.    Gwen considers some of the common problems she experiences while teaching programming languages, not just Vue. For Gwen it can be hard to go slow and hit each step, not skipping any small step or concept. Explaining, Gwen tells the panel it is hard to remember what it was like not to know anything or remembering what was hard to grasp at first. Vocabulary and programming jargon is another thing Gwen share that can be hard to teach. This inspires the panel to consider how often developers get drawn into their own world and language, not remembering that others might not understand what they are talking about.    Chris Fritz, who has a background in education, wonders how Gwen got started teaching. Gwen explains that teaching is just a natural way for her to learn. When she wants to learn something she started meetups. Her meetups help her learn and grow. The panel considers that concept and thinks of their experiences learning through teaching.    The panel brings up Gwen’s self-taught coding education. Ari Clark wonders how being self-taught affected her teaching abilities. Gwen considers this, then gives some of her thoughts on the different ways someone can learn to code. She gives a few recommendations for learning code and encourages everyone to figure out if they can or want to actually do the job before putting in too much time and resources into learning.    Gwen, shy by nature, explains how she goes about getting to know people at meetups or in the community.  She explains how she likes to give a talk as a way of introducing herself to everyone at once. The panel thinks this is a genius plan for shy people. They explain that people are often shy and awkward because their role is undefined. By speaking or running a meetup they are in control, they know what they are supposed to be doing and have a defined role.   The next topic the panel discusses is Gwen’s meetups. She runs two meetups, the first is a group for beginners and intermediate. It has grown to over 1100 members. Also, she recently started a blockchain meet up. Gwen admits that she is no blockchain expert and loves that hosting this meetup she is pushed to learn. The panel is impressed that she admits that she is not an expert and consider how fearful people can be of admitting that they don’t know everything.    The panel asks Gwen questions about running her meetups. She explains how it can be a struggle to find speakers. Though it is easier to find speakers for her beginners' group because people are always willing to help beginners. Blockchain being more niche has more of a study group feel, as the number of members is lower and they are all sort of learning together.    The panel asks Gwen about her talk in Australia about why Vue is growing so fast. In her talk she describes Vue as the gold standard of the JavaScript world and that all other frameworks need to catch up. In her talk she points out her frustrations when using other frameworks and how Vue takes all the good elements from other frameworks. She admits she wanted to call her talk “Why Vue.js is the Best Framework Ever”.    Confident Growth, the title of a podcast episode about Gwen is discussed. Gwen explains that that podcast episode was about her journey and the producers came up with the name Confident Growth after the interview. The panel then asks Gwen about imposter syndrome and the advice she would give for those who are struggling with it. Gwen explains that we all experience the same struggles and we need to support and encourage each other.    Gwen has a great approach to things that make her uncomfortable and an addiction to learning. She explains she hates not knowing how to do something. The panel considers how Gwen’s homeschool background inspired this love of learning. Chris’s activist side comes out as he touches on his frustrations with how education works in this country.    Gwen has a few things to say to those programmers who feel that Vue too simple and only for beginners. She gives many examples of how Vue can be used to build simple yet advanced apps. The panel considers the mindset that something that is simple or easy to use and understand can’t be a powerful tool.    The episode ends with Gwen telling listeners to look for her at a few upcoming conferences around the world. She also has a book coming out about teaching yourself how to code. Panelists Ben Hong Chris Fritz Ari Clark Guest Gwendolyn Faraday Sponsors   My JavaScript StorySentry– use the code “devchat” for two months free on Sentry’s small plan Adventures in DevOpsCacheFly Links  Why Vue.js is Taking Over the Front-end World - Gwendolyn FaradayEpisode 347 | Gwen Faraday - Confident Growthhttps://www.meetup.com/Free-Code-Camp-Indy/members/188721354/https://www.meetup.com/Indianapolis-Blockchain-Developers/https://www.meetup.com/vuejsindy/GOTO Copenhagen 2019https://www.buildstuff.lt/https://ndc-london.com/https://twitter.com/gwen_faraday?lang=enhttp://gwenfaraday.com/https://github.com/gwenfhttps://www.facebook.com/ViewsonVuehttps://twitter.com/viewsonvue Picks Ben Hong: Screenflow Chris Fritz: Elite Dangeroushttps://www.alfiekohn.org/Noam Chomsky- Manufacturing consent (1992)Exhalation: Stories Ari Clark: Glow Gwendolyn Faraday: https://www.freecodecamp.org/SagaSpecial Guest: Gwendolyn Faraday. Advertising Inquiries: https://redcircle.com/brandsPrivacy & Opt-Out: https://redcircle.com/privacy