Views on Vue

Latest Episodes:

VoV 007: Testing Vue.js with Cypress with Gleb Bahmutov Apr 17, 2018

Show notes

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:

Picks: Charles

Erik

Joe

Chris

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

VoV 006: Creating a Vue Plugin with Ramsay Lanier Apr 10, 2018

Show notes

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:

Picks: Charles

Bose SoundLink Headphones

Cher

Chris

Ramsay

Special Guest: Ramsay Lanier.
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy

VoV 005: Vue in the Enterprise with Chris Fritz Apr 03, 2018

Show notes

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:

Picks: Charles

Erik

Vue VS Code Extension Pack

Chris

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

VoV 004: Vue Documentation with Chris Fritz Mar 27, 2018

Show notes

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:

Picks: Charles

John

Chris

Special Guest: Chris Fritz.
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy

VoV 003: Nuxt.js Basics and VueJS in Action Mar 20, 2018

Show notes

Panel:

Charles Max Wood
Erik Hanchett

In this episode of Views on Vue, the panelists discuss the Nuxt.js, which is a framework for creating universal Vue.js applications, and how you can use it with Vue. They express how flexible this framework is to use and talk about how easy it is to get started with it. They also touch on static site generators and the pros and cons to using these. They end the podcast discussing Erik’s book, Vue.js in Action, which is a beginner-intermediate book on Vue.js. In particular, we dive pretty deep on:

What is Nuxt.js?
Vue
Next.js
Nuxt.js has flexibility
Nuxt.js features
What is a universal Vue.js application?
Use it for SEO or to get a faster page speed
Server side rendering
How hard is it to set up?
Vue CLI
His book Vue.js in Action
Will you use this in your day job?
Why use Nuxt.js?
Jekyll and Gatsby
Static site generators
About his book
Vue is easy to get started with
And much, much more!

Links:

Picks: Charles

Erik

StaticGen.com

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

VoV 002: Getting Started with Vue Mar 13, 2018

Show notes

Panel:

Charles Max Wood
Joe Eames
Cher Stewart
Erik Hanchett

In this episode of Views on Vue, the panelists discuss how they each got into Vue and how you can go about learning Vue yourself. They really suggest utilizing the Vue website for tutorials and for help navigating the framework, especially in the beginning. They also discuss many great resources you can use to learn about this framework, especially if you are just starting out, and encourage you to look into them and get started on working with Vue! In particular, we dive pretty deep on:

Panelist intros
Progressive web apps
How did you each get into Vue?
Vue
Ember.js
Angular
Not wanting to be outdated as a programmer
React
Recommendations for how to go about learning Vue
Using the Vue website
Udemy Vue course
Vue.js Developers
Vue.js news
Vue Vixens
VueConf US
Framework Summit
The importance of building a community across frameworks
Build a To-Do App with Vue.js 2
Vue.js in Action by Erik Hanchett
Sometimes it takes going through a couple books before finding what you really want
How are people writing with Vue?
Vue is very un-opinionated and progressive
ES6 and TypeScript
And much, much more!

Links:

Picks: Charles

Cher

Aquascaping

Erik

Keybase.io

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

VoV 001: Vue Origin Story with Evan You Mar 06, 2018

Show notes

Panel: Joe Eames Cher Stewart Special Guests: Evan You In this episode of Views on Vue, the panelists discuss the origin story of Vue with its creator Evan You. Evan was born in China and came to the US for college. He used to work at Google’s creative lab as a creative technologist and worked on Meteor. From there, he started to put more effort into Vue and switched over to Vue full-time. They talk with Evan about his thought processes behind creating Vue and how it has changed since its initial conception. In particular, we dive pretty deep on: