Views on Vue

Panel:

• Chris Fritz
• Erik Hanchett
• Divya Sasidharan

Special Guests: Mitchell Garcia In this episode of Views on Vue, the panelists discuss the article Why You Shouldn’t Use Vue.component with the author Mitchell Garcia. Mitchell runs the blog FrontEndSociety.com, which focuses almost entirely on Vue.js, as well as works for OZRK Labs. They talk about what led him to Vue, what single-file components are and the advantages to them, and his article. They also touch on when you would and would not want to use Vue.component and much more! In particular, we dive pretty deep on:

• Mitchell intro
• Has been using Vue for about a year professionally
• What first turned you on to Vue?
• Loved the single-file components in Vue
• What are single-file components?
• Vue has Webpack loaders
• Advantages to single-file components
• OZRK Labs
• What are custom blocks?
• Loves the modularity of Vue
• Why You Shouldn’t Use Vue.component
• The importance of scale
• The only time you would want to not use Vue.component
• When should you use Vue.component?
• Vuetify
• Makes sense to use Vue.component when building a library
• The downside to having everything globally registered
• Think of Vue components as objects
• All Vue components have the same structure
• The benefits of local registration
• Different ways to use Vue.component
• And much, much more!

Links:

• FrontEndSociety.com
• Vue.js
• Webpack loaders
• OZRK Labs
• Why You Shouldn’t Use Vue.component
• Vuetify
• TypeScript
• Vue-promised
• Mitchell’s GitHub
• @mmitchellgarcia

Sponsors:

• Kendo UI
• Digital Ocean
• FreshBooks

Picks: Chris

• Another Period
• Vue Vixen Patreon
• Outside

Divya

• Daniel Rosenwasser at VueConf
• My Struggle to Learn React by Brad Frost

Erik

• Habitat for Humanity
• CatchaFire.org

Mitchell

• Vue-prom
• Leveraging Render Props in Vue by Dillon Chanis

Special Guest: Mitchell Garcia.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Chris Fritz
• Erik Hanchett
• Divya Sasidharan
• Joe Eames

Special Guests: Dan Pastori In this episode of Views on Vue, the panelists discuss re-using VueJS mixins and filtering Google Map data with Dan Pastori. Dan currently is a developer working with VueJS and Laravel development. They talk about what Laravel is, why they would recommend using it in conjunction with Vue, and the role Vue can hold in a Laravel application. They also touch on why Vue became popular in the Laravel community, the direction of Laravel in the future, and much more! In particular, we dive pretty deep on:

• Framework Summit
• Dan intro
• What is Laravel?
• History of Laravel and Vue working together
• Laracasts
• What would you recommend about Laravel?
• Laravel documentation
• Laravel Elixir
• Very minimal setup
• VueCasts.com
• What role does Vue have in a Laravel application?
• What is a single-page application?
• Building applications
• Vue can take over everything or just certain parts depending on what you want
• Built in Laravel tools to create API
• Why Vue became popular in the Laravel community
• Vue is straightforward and flexible
• Changes coming
• Direction or Laravel in the future
• Hybrid single-page applications
• And much, much more!

Links:

• Framework Summit
• Vue
• Laravel
• Laracasts
• Laravel documentation
• Laravel Elixir
• VueCasts.com
• @danpastori
• DanPastori.com
• Dan’s GitHub
• Dan’s Medium

Picks: Chris

• Pebble 2 Watch
• Codenames
• Vue Contributor Days

Divya

• Oil Painting using HTML and CSS
• Video: Designing Tools for CSS Grid and Variable fonts

Erik

• The Complete Software Developer's Career Guide by John Sonmez
• Crushing It! by Gary Vaynerchuk

Joe

• Casio Outdoor Smart Watch
• Barking Up the Wrong Tree by Eric Barker

Dan

• The Subtle Art of Not Giving a F*ck by Mark Manson
• Tribe of Mentors by Timothy Ferriss

Special Guest: Dan Pastori.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Chris Fritz
• Erik Hanchett
• Divya Sasidharan
• Brett Nelson
• Joe Eames

Special Guests: Roman Kuba In this episode of Views on Vue, the panelists discuss Vue testing with Roman Kuba. Roman is currently the senior software engineer at Codeship, where he pushes front-end development forward. He talks about his experience switching Cosdehip over to using Vue from Angular, how he completed this task and the pros to using Vue. The panel also touches on the importance of reading the source code and much more! In particular, we dive pretty deep on:

• Brett intro
• Roman intro
• Vue
• Using Vue in the front-end at Codeship
• Angular
• Transition from Angular to Vue
• How did you do the transition?
• CoffeeScript
• Did you find there were differences in how Vue integrated?
• Why did you choose Vue?
• Vue is nice to progress into
• Documentation was really well written
• Got a lot of great feedback from back-end engineers
• Did you have any concerns of its long-term viability?
• Read through a lot of the Vue source code
• Had template written in Slim
• Babble and TypeScript
• Vue is a progressive framework
• Time reading the source code
• JavaScript
• Would you recommend using the source code to other developers?
• What was your approach to reading the source code?
• And much, much more!

Links:

• WIPdeveloper.com
• Codeship
• Vue
• Angular
• CoffeeScript
• Slim
• Babble
• TypeScript
• JavaScript
• @Codebryo
• Roman’s GitHub

Picks: Chris

• We Have Concerns Podcast
• The Anthropocene Reviewed Podcast
• The Obelisk Gate by N. K. Jemisin

Divya

• Thorsten’s post on a Vue implementation of React’s context API
• Vue Test Utils
• @Akryum

Erik

• Testing Vue.js Applications by Edd Yerburgh
• Vue.js in Action by Erik Hanchett

Joe

• Seven Languages in Seven Weeks by Bruce Tate

Brett

• Flashforge Find 3D printer
• Last Shot (Star Wars) by Daniel José Older

Roman

• Technology vs. Humanity by Gerd Leonhard
• Vue.js course to come on Packt Publishing

Special Guest: Roman Kuba.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Divya Sasidharan
• Chris Fritz

Special Guests: Eduardo San Martin Morote In this episode of Views on Vue, the panelists discuss “Vue Libraries, Open Source, Meetups” with Eduardo San Martin Morote. Eduardo is a freelance developer, a core team member of Vue.js, and loves contributing to open source. They talk about his many different open source component libraries, such as Vue-Coerce-Props and Vue-promised. They also touch on the use of templates versus using render functions and the difference between libraries and apps. In particular, we dive pretty deep on:

• Eduardo intro
• What’s the story behind the username “posva”?
• Distributing component libraries
• Vue-mdl
• What is a component library?
• What does mdl stand for?
• Libraries with buttons, modules, checkboxes, etc.
• Vuetify
• What other kind of community projects have you been working on?
• Vue-Coerce-Props
• What is coerce?
• Vue-promised
• Where is a situation where you would use Vue-promised?
• How did you come about to want to create Vue-promised?
• JavaScript
• He doesn’t use a template, he just uses render functions
• Jest
• Building components to build other libraries of components
• What are advantages to using templates over render functions?
• When building applications, he always uses templates
• What’s the difference between libraries and apps?
• And much, much more!

Links:

• Vue.js
• Vue-mdl
• Vuetify
• Vue-Coerce-Props
• Vue-promised
• JavaScript
• Jest
• Eduardo’s GitHub
• @posva

Picks: Chris

• The Witcher 3
• Cyberpunk 2077
• Gone Home
• Brothers
• The Stanley Parable

Divya

• Vue Conf Talks
• Vue-jest
• La Casa de Papel TV Show

Eduardo

• Typing
• Do freelancing
• Legend of Zelda
• Xbox 360 Controller

Special Guest: Eduardo San Martin Morote.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Charles Max Wood
• Erik Hanchett
• Divya Sasidharan
• Chris Fritz
• Joe Eames

Special Guests: Filipa Lacerda In this episode of Views on Vue, the panelists discuss building modal component with Filipa Lacerda. Filipa is a senior frontend engineer at GitLab and works with Vue daily. She wrote an article recently on creating reusable components that you can use multiple times in your application without having to rewrite your code. She stresses the fact that components should be simple and not too complex, that way they can be more accessible and reusable in the future. In particular, we dive pretty deep on:

• Divya intro
• Filipa intro
• Vue and GitLab
• What makes a component reusable?
• Main focus
• What do you see that people do wrong in components?
• Makes your reusable components as simple as possible
• Accessible components
• Planning components
• Steps to writing reusable components
• Testing
• Are there types of accessibility that aren’t handles by area?
• Seizures
• Rachel Nabors VueConf Talk
• How do you refine this for reusability and accessibility?
• Focus on the code itself
• How do you know if the component is too complex?
• GitLab style guide
• The need to be on the same page with code
• Do you have any tips how to discuss style?
• And much, much more!

Links:

• GitLab
• Vue
• Filipa article
• Rachel Nabors VueConf Talk
• @FilipaLacerda
• Filipa’s GitHub
• Framework Summit
• Filipa’s Alligator Profile
• Filipa’s GitLab

Picks: Charles

• Stimulus Framework
• Ethereum
• Block Chain
• Udemy Blockchain Course

Erik

• Deception
• Roseanne

Joe

• Exploring Zero Configuration With Vue by Andrew Thauer
• 7 Secret Patterns Vue Consultants Don’t Want You to Know talk by Chris Fritz

Chris

• The Fifth Season by N K Jemisin
• Flash Forward Podcast
• Vue CLI 3 UI

Divya

• Proxy Article
• The Three-Body Problem Book Series by Cixin Liu
• React 16.3

Filipa

• Remote Work Podcast

Special Guest: Filipa Lacerda.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Divya Sasidharan
• Chris Fritz

Special Guests: Nick Basile In this episode of Views on Vue, the panelists discuss getting started with TDD on Vue.js with Nick Basile. Nick defines what TDD and unit tests are and how you can use them to make your code better in the long run. They also discuss when using TDD wouldn’t be helpful and the importance of trial and error when it comes to tests. Nick then gives different resources newcomers to Jest can go to so that they can learn more and discusses Vue Test Utils. In particular, we dive pretty deep on:

• What does your setup look like?
• Vue.js
• Jest
• Have you used other tools other than Jest?
• Mocha
• What attracted you to Jest?
• Define TDD and unit tests
• What are examples of not helpful uses for TDD and unit tests?
• How to know when a test is being to be too specific
• Trial and error is very important when it comes to writing tests
• Try to stay away from really specific tests
• Asking questions when writing tests
• How likely is this going to break and change over time?
• Write tests as a way to self-document your own code
• Write tests for your future self
• Vue Test Utils
• Resources for people getting into Jest
• Testing Vue course
• Jest documentation
• What is Vue Test Utils?
• Have you worked with headless browsers?
• When wouldn’t you want to do TDD?
• And much, much more!

Links:

• Vue.js
• Jest
• Mocha
• Vue Test Utils
• Testing Vue course
• Jest documentation
• Vue Enterprise Boilerplate
• Nick’s GitHub
• Nick-Basile.com
• @NickJBasile

Picks: Chris

• Bobiverse Book Series
• Marble Olympics

Divya

• Sarah Drasner Post
• Rick Bayless's Mexican Granola Mix

Nick

• Refactoring UI
• Toast of London
• Vue Fundamentals course coming soon on VueSchool

Special Guest: Nick Basile.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Charles Max Wood
• Joe Eames
• Erik Hanchett
• Chris Fritz

Special Guests: Gleb Bahmutov In this episode of Views on Vue, the panelists discuss testing Vue.js with Cypress with Gleb Bahmutov. Gleb runs engineering at a small startup called Cypress, which is an end to end test runner.  They talk about what Cypress is, what end to end testing is, and the importance of test driven development. They also touch on the different Cypress features and how using it can help save you time in your testing. In particular, we dive pretty deep on:

• Gleb intro
• What is Cypress?
• Selenium
• Writing and running unit tests is easy, but could lead to problems
• You don’t want to waste too much of your time writing tests
• Test by need not by choice
• Cypress as a more reliable and easier test runner
• What is end to end testing?
• What kinds of testing can Cypress be used for?
• Deployed systems
• Test driven development
• Cypress provides a good testing environment
• Like the Cypress environment
• Cypress features
• Cypress runs in Chrome or Electron browser
• Are there times when you might want to do something framework specific in Cypress?
• Vue.js
• Test the dashboard using Cypress
• Creating a mock API
• Keep your end to end tests fast
• And much, much more!

Links:

• Cypress
• Selenium
• Vue.js
• Gleb’s Website
• @Bahmutov
• Gleb’s GitHub
• Gleb’s Medium

Picks: Charles

• Running With the Demon by Terry Brooks
• Liars: How Progressives Exploit Our Fears by Glenn Beck

Erik

• Avatar: The Last Airbender
• Vuetify
• Video on Vuetify
• Vue Material

Joe

• My Little Pony Tails of Equestria
• Santa Clarita Diet

Chris

• Arrival (Stories of Your Life MTI) by Ted Chiang
• Proun
• Avatar: The Last Airbender

Gleb

• Service Workers in Safari
• Renovate App
• Will be in Copenhagen, Denmark next month

Special Guest: Gleb Bahmutov.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Charles Max Wood
• Cher Stewart
• Chris Fritz

Special Guests: Ramsay Lanier In this episode of Views on Vue, the panelists discuss creating a Vue plugin with Ramsay Lanier. Ramsay is a front-end developer for Novetta and spends most of his time turning fancy data into cool visualizations. He originally got his start in programming with React 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. In particular, we dive pretty deep on:

• Ramsay intro
• Recent Vue convert
• Got his start with React
• Side project: WordExpress
• What is a Vue plugin?
• How do you get started creating a Vue plugin?
• Apollo GraphQL
• Parsing
• How did you know you needed a plugin?
• Don’t have to be an expert in Vue to create a plugin
• What was the most difficult part of building it?
• Getting started was the hardest part
• Vue Plugins Documentation
• Likes the Vue plugin implementation over React’s
• Wanted something convenient
• Shortcodes are what can be expanded upon
• Vue.use
• What does Vue.use accept?
• Instance vs Global methods?
• Any plugins that you really liked?
• Vue Router
• Did anything surprise you when looking up plugins?
• Vuex
• Plugin tests
• And much, much more!

Links:

• Novetta
• Vue
• React
• WordExpress
• Apollo GraphQL
• Vue Plugins Documentation
• Vue Router plugin
• Vuex
• Ramsay’s GitHub
• RamsayLanier.com
• @Rmmsy

Picks: Charles

• Bose SoundLink Headphones

Cher

• Vue'do
• Sneaky Pete

Chris

• Stories of Your Life and Others by Ted Chiang
• RimWorld
• New Component Docs
• Vim Vixen
• Vimium

Ramsay

• Atlanta Monster
• Today, Explained
• Amazon Originals
• Sneaky Pete
• Electric Dreams
• Sea of Theives

Special Guest: Ramsay Lanier.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Charles Max Wood
• Erik Hanchett
• Chris Fritz

In this episode of Views on Vue, the panelists discuss Vue enterprise development with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They compare his Vue Enterprise Boilerplate to Nuxt and discuss the pros and cons to using each. Chris also discusses why he decided to create this boilerplate and how it has allowed him to skip to the interesting part of his job. In particular, we dive pretty deep on:

• Chris intro
• Vue
• Documentation Cookbooks
• Different “recipes” in the cookbook
• What is enterprise development?
• Provides flexibility
• Vue Enterprise Boilerplate vs Nuxt
• Vue CLI
• Where to start?
• The boilerplate can be used as a study guide in a way
• How do you pick the tools to create this?
• CSS vs SCSS
• Why he built the boilerplate
• Vue Resource
• Jest
• Vue Test Utils
• What should people think about when using the boilerplate?
• Tries to encourage what he’s seen work well
• What do you think of TypeScript support?
• And much, much more!

Links:

• Vue
• Vue Style Guide
• Documentation Cookbooks
• Vue Enterprise Boilerplate
• Nuxt
• Vue CLI
• CSS
• SCSS
• Vue Resource
• Jest
• Vue Test Utils
• TypeScript Support
• Chris’s Patreon
• @ChrisVFritz
• Chris’s GitHub

Picks: Charles

• Google Play Store for Podcast
• JavaScript Dev Summit to come soon
• Wheel of Time by Robert Jordan
• Ready Player One by Ernest Cline
• [email protected]
• @CMaxW
• Suggest Topics

Erik

• Vue VS Code Extension Pack

Chris

• Vue Conf US
• The Three-Body Problem by Cixin Liu
• Into the Breach
• Vue Vixens

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy

Panel:

• Charles Max Wood
• John Papa

Special Guests: Chris Fritz In this episode of Views on Vue, the panelists discuss Vue documentation with Chris Fritz. Chris is the curator for documentation on the Vue core team, works on a lot of tooling to help support Vue developers, and develops resources such as the Style Guide. They talk about what he is looking for when curating the documentation and what makes good documentation.  Chris originally had a background in teaching as a language teacher with a minor in computer science, and this experience helps him today teach people how to learn the Vue language. In particular, we dive pretty deep on:

• Chris intro
• Vue
• Vue Style Guide
• Vue outreach
• Very active community
• What are you looking for when curating the documentation?
• What makes good documentation?
• Humor in documentation
• Background in language teaching
• It’s hard to teach people how to communicate in the different computing languages
• How to strike balance
• Documentation is a product
• Have people look over what you’re writing
• Tried Vue in JavaScript and TypeScript
• Future documentation in the works
• Vue CLI
• Vue Enterprise Boilerplate
• Vue ecosystem is exploding
• Vue Guide
• Doesn’t mind rewriting things in order to get them right
• And much, much more!

Links:

• Vue
• Vue Style Guide
• JavaScript
• TypeScript
• Vue CLI
• Vue Enterprise Boilerplate
• Vue Guide
• Chris’s Patreon
• @ChrisVFritz
• Chris’s GitHub

Picks: Charles

• Black Panther
• His Forum
• DevChat.tv

John

• Five Things YouTube Videos
• VS Code

Chris

• Children of Time by Adrian Tchaikovsky
• Blindsight by Peter Watts
• Queer Eye
• Vue Conf US

Special Guest: Chris Fritz.

Advertising Inquiries: https://redcircle.com/brands

Privacy & Opt-Out: https://redcircle.com/privacy