Views on Vue

Latest Episodes:

VoV 018: State Management with Vue.js with Hassan Djirdeh Jul 03, 2018

Show notes

Panel:

Charles Max Wood
Chris Fritz
Erik Hanchett
Divya Sasidharan

Special Guests: Hassan Djirdeh In this episode of Views on Vue, the panelists discuss state management with Vue.js with Hassan Djirdeh. Hassan is a front-end engineer developer based out of Toronto, Canada and works for the ecommerce company Shopify as his full-time job. In his free-time he does anything and everything related to Vue and has also recently helped publish a book called Fullstack Vue. They talk about Vue CLI 3.0, state management patterns, his talk The Importance of State Management in Vue, and more! In particular, we dive pretty deep on:

Hassan intro
Vue
Recently started using the Vue CLI 3.0
How is Vue CLI 3.0 different from 2.0?
More obvious to understand what people need for their application
Vuex and Vue Router
Great way to get things started
What if you’re using a configuration from Vue CLI 2.0?
Webpack or Browserify
Making things easier and better for new Vue developers
Further configuring your projects
Have you found anything you haven’t been able to configure with Vue CLI 3?
Git integration
Vuex Modules
Linting
Can you create your own templates with the CLI?
How much should the CLI tool walk the developer through the process?
Integrating ESLint into a project
Runtime errors
Pre-commit hook
The Importance of State Management in Vue – Hassan’s Talk
And much, much more!

Links:

Sponsors:

Picks: Charles

Chris

Erik

Wallabyjs.com

Divya

Hassan

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

VoV 017: Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari LIVE at Microsoft Build Jun 26, 2018

Show notes

Panel:

Charles Max Wood

Special Guests: Ori Zohar and Gopinath Chigakkagari In this episode, the Views on Vue panelists discuss Cloud-Hosted DevOps with Ori Zohar and Gopinath Chigakkagari at Microsoft Build. Ori is on the product team at VSTS focusing on DevOps specifically on Azure. Gopinath is the group program manager in VSTS primarily working on continuous integration, continuous delivery, DevOps, Azure deployment, etc. They talk about the first steps people should take when getting into DevOps, define DevOps the way Microsoft views it, the advantages to automation, and more! In particular, we dive pretty deep on:

Ori and Gopi intro
VSTS – Visual Studio Team Services
VSTS gives developers the ability to be productive
Developer productivity
What’s the first big step people should be taking if they’re getting into DevOps?
The definition of DevOps
The people and the processes as the most important piece
DevOps as the best practices
Automating processes
What people do when things go wrong is what really counts
Letting the system take care of the problems
Have the developers work on what they are actually getting paid for
Trend of embracing DevOps
Shifting the production responsibility more onto the developer’s
Incentivizing developers
People don’t account for integration
Continuous integration
Trends on what customers are asking for
Safety
Docker containers
And much, much more!

Links:

Sponsors

Picks: Charles

Ori

Fitbit
Pacific Northwest Hiking

Gopinath

Seattle, WA

Special Guests: Gopinath Chigakkagari and Ori Zohar.
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy

VoV 016: NativeScript Vue with Jen Looper Jun 18, 2018

Show notes

Panel:

Chris Fritz
Joe Eames
Divya Sasidharan

Special Guests: Jen Looper In this episode of Views on Vue, the panelists discuss NativeScript-Vue with Jen Looper. Jen is a developer advocate at Progress and the project that she is most involved in is NativeScript, which allows you to build mobile apps. The subset of NativeScript that she is really passionate about is NativeScript-Vue. They talk about what NativeScript and NativeScript-Vue are, resources to help learn NativeScript, and more! In particular, we dive pretty deep on:

Jen intro
What is NativeScript?
A way to build mobile apps using JavaScript
Similar to React Native
Can use Angular, Vue, or no framework at all
NativeScript is a more of a run-time
NativeScript as a translator
Under the hood implementation details
78 custom built modules
How different is the Vue developer experience using NativeScript?
NativeScript Playground
Visual Studio Code
VS Code snippets
NativeScript Sidekick
Working on NativeScript-Vue tutorials
Developing a NativeScript
Templating
Does NativeScript off the ability to inspect elements as you work through them?
Vue DevTools
Testing with NativeScript
NativeScripting.com
NativeScriptSnacks.com
@VueVixens
Elocute
And much, much more!

Links:

Sponsors:

Picks: Chris

Cooking Shows
Strange names of groups of animals- tweet them to him @chrisvfritz

Divya

Debugging Modern Web Applications by Mozilla

Joe

Shazam! Movie
Getting domesticated Foxes from Russia for Vue Vixens

Jen

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

VoV 015: Visual Studio Code with Rachel MacFarlane and Matt Bierner LIVE at Microsoft Build Jun 12, 2018

Show notes

Panel:

Charles Max Wood

Special Guests: Rachel MacFarlane and Matt Bierner In this episode, the Views on Vue panelists discuss Visual Studio Code with Rachel MacFarlane and Matt Bierner, who are both developers on Visual Studio Code. They talk about what the workflow at Visual Studio Code looks like, what people can look forward to coming out soon, and how people can follow along the VS Code improvements on GitHub and Twitter. They also touch on their favorite extensions, like the Docker extension and the Azure extension and their favorite VS Code features. In particular, we dive pretty deep on:

Rachel and Matt intro
Month to month workflow of Visual Studio Code
VS Code JavaScript, TypeScript, and MarkDown support
Working on GitHub and within the community
Check out new features incrementally with insiders
Community-driven work
What is coming out in Visual Studio Code?
GitHub helps to determine what they work on
Working on Grid View
Improved settings UI
Highlighting unused variables in your code
Improvements with JS Docs
Dart
Visual Studio Extension API
How do people follow along with the VS Code improvements?
Follow along on GitHub and Twitter
Download VS Code Insiders
Have a general road map of what the plan is for the year
Technical debt week
What do you wish people knew about VS Code?
Favorite extensions
Docker extension and Azure extension
And much, much more!

Links:

Sponsors

Picks: Charles

Rachel

GitLens

Matt

The Bronx Warriors

Special Guests: Matt Bierner and Rachel MacFarlane.
Advertising Inquiries: https://redcircle.com/brands
Privacy & Opt-Out: https://redcircle.com/privacy

VoV 014: Vue.component with Mitchell Garcia Jun 05, 2018

Show notes

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:

Sponsors:

Picks: Chris

Divya

Erik

Mitchell

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

VoV 012: Re-using VueJS Mixins and Filtering Google Map Data with Dan Pastori May 22, 2018

Show notes

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:

Picks: Chris

Divya

Erik

Joe

Dan

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

VoV 011: Vue Testing with Roman Kuba May 15, 2018

Show notes

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:

Picks: Chris

Divya

Erik

Joe

Seven Languages in Seven Weeks by Bruce Tate

Brett

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

VoV 010: “Vue Libraries, Open Source, Meetups” with Eduardo San Martin Morote May 08, 2018

Show notes

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:

Picks: Chris

Divya

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

VoV 009: Building Modal Component with Filipa Lacerda May 01, 2018

Show notes

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:

Picks: Charles

Erik

Joe

Chris

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

VoV 008: Getting Started with TDD on Vue.js with Nick Basile Apr 24, 2018

Show notes

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: