Views on Vue

Panel:

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

Special Guests: Gregg Pollack & Adam Jahr In this episode, the Views on Vue panel talks to Gregg Pollack and Adam Jahr about teaching Vue, community building, and the Vue News Podcast. Gregg is passionate about teaching online, being a father, and self-awareness and leadership development with startups. Adam teaches alongside Gregg at Vue Mastery, where they strive to be the ultimate resource for Vue developers. They talk about what made them decide to create Vue Mastery, the evolution of the Vue community, the story of Code School, and more! In particular, we dive pretty deep on:

• Gregg and Adam intro
• Vue Mastery
• Founded Vue Mastery together
• What made you decide to get into the Vue space and teaching people about Vue?
• Came from Code School
• Laracasts and RailsCasts
• Passion for open source and teaching
• Wanted to build Vue Mastery in a way that supports the community
• Do you see parallels between the Code School community and the Vue community?
• Seeing the community evolve
• The necessity of teachers to push Vue forward
• The story of Code School
• Official Vue News Podcast
• Rails for Zombies
• Creating partnerships
• Merger with Pluralsight
• Producing mostly video content now
• Why did you choose video?
• Humans are visual creatures
• Gamification with Vue Mastery
• Want to have a reason for people to come back to your sight
• One new video a week
• And much, much more!

Links:

• Vue Mastery
• Vue
• Code School
• Laracasts
• RailsCasts
• Official Vue News Podcast
• Rails for Zombies
• Pluralsight
• @greggpollack
• greggpollack.com
• Gregg’s GitHub
• Gregg’s Pluralsight
• @AdamJahr
• adamjahr.com
• Adam’s GitHub
• Adam’s Medium
• @VueMastery

Sponsors

• Kendo UI
• Digital Ocean
• FreshBooks

Picks: Chris

• Thorsten Lünborg, Sarah Drasner, Pratik Patel, Gusto, Tray Lee, Deanna Leavitt, and Joe Eames
• Sebastian Deterding
• Nonviolent Communication by Marshall B. Rosenberg
• Difficult Conversations by Douglas Stone

Divya

• Sherlock
• TagUI

Erik

• After 5 years and $3M, here's everything we've learned from building Ghost

Gregg

• 13 Reasons Why
• Alone: A Love Story
• The Landmark Forumhttp://www.landmarkworldwide.com/the-landmark-forum

Adam

• CMTY
• Tig

Special Guests: Adam Jahr and Gregg Pollack.

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

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

Panel:

• Divya Sasidharan
• Chris Fritz
• Joe Eames

Special Guests: Edd Yerburgh In this episode, the Views on Vue panel talks to Edd Yerburgh about unit testing Vue components. Edd is a software engineer for BBC in London and he maintains Vue Test Utils, which is a library to help make unit testing Vue components easier.  They talk about how you would use Vue Test Utils, examples of components you would test with Vue Test Utils, and good patterns to use when testing. They also touch on snapshot testing, the Vue Jest library, and more! In particular, we dive pretty deep on:

• Edd intro
• Maintains Vue Test Utils
• What is Vue Test Utils?
• Library to make unit testing Vue components easier
• What is a mounted component?
• Would you use Vue Test Utils by yourself?
• Jest, Jasmine, and Mocha
• Needs to be run in a DOM environment
• JS DOM
• Examples of components that you would use to test with Vue Test Utils
• What are good patterns to use when testing?
• Consider what and if you should test?
• Difficult to give a definitive answer as to when you should unit test vs you shouldn’t
• What you hope when you are writing unit tests
• Tests as a form of documentation
• Writing unit tests to pay off in the future
• What is a Snapshot test?
• When would you use a snapshot test?
• Leaning on Jest for snapshot tests
• Vue Jest library
• Testing in Vue
• Creating components within your test itself
• Testing a mixin
• And much, much more!

Links:

• Vue
• Vue Test Utils
• Jest
• Jasmine
• Mocha
• Snapshot test
• Vue Jest
• Edd’s GitHub
• @EddYerburgh
• eddyerburgh.me
• Edd’s Medium

Sponsors

• Kendo UI
• Digital Ocean
• FreshBooks

Picks: Divya

• The React is “just” JavaScript Myth by Dave Rupert
• Bang Bang Con
• Moving Towards Dialogue: Collaborating with your computer using typed holes! by Vaibhav Sagar

Chris

• Having a point to stop working at night
• ASMR

Joe

• Rocketbook
• VS Code Top-Ten Pro Tips

Edd

• Testing Vue.js Applications by Edd
• jscodeshift

Special Guest: Edward Wardell-Yerburgh.

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

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

Panel:

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

Special Guests: Thorsten Luenborg In this episode, the Views on Vue panel talks to Thorsten Luenborg about how he became a Vue.js core team member. Thorsten is a part of the Vue core team, and has been for about 2 years. They talk about the beginnings of the creation of the Vue core team, what it means to be on the core team, and his main focus on the core team. They also touch on how Vue is ran using Open Collective and Patreon, how they don’t have an overarching corporate structure, and more! In particular, we dive pretty deep on:

• Thorsten intro
• Vue
• How did Evan get the core team together at the beginning?
• Core team is a great place to come together, share ideas, and write Vue together
• Loose organization of the core team
• What it means to be on the core team?
• Contributions are very spread out
• Vue is very big in China
• Maintaining different repositories
• His main focus
• Supporting role on the team
• Build a small team of moderators
• Need more structure to go further
• Asking for help when you need it
• Has there ever been a time when a corporate entity has contacted the core team directly for guidance/help?
• Their work is sponsored by other companies
• Using Open Collective and Patreon
• Supporters don’t really interfere
• Security through having a lot of little contributors
• VueConf US
• No overarching corporate structure
• Ember.js
• And much, much more!

Links:

• Vue
• Open Collective
• Patreon
• VueConf US
• Ember.js

Sponsors

• Kendo UI
• Digital Ocean
• FreshBooks

Picks: Charles Max Wood

• VS Code

Chris

• The Good Place
• Special

Joe

• Microsoft acquisition of GitHub
• Full of Sith – How the Force Works
• Star Wars Oxygen
• Google Duplex

Thorsten

• Netlify
• Deadpool 2

Special Guest: Thorsten Lunborg.

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

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

Panel: Charles Max Wood Special Guests: Vesa Juvonen In this episode, the Views on Vue panel talks to Vesa Juvonen about building SharePoint extensions with JavaScript. Vesa is on the SharePoint development team and is responsible for the SharePoint Framework, which is the modern way of implementing SharePoint customizations with JavaScript. They talk about what SharePoint is, why they chose to use JavaScript with it, and how he maintains isolation. They also touch on the best way to get started with SharePoint, give some great resources to help you use it, and more! In particular, we dive pretty deep on:

• Vesa intro
• What is SharePoint?
• Has existed since 2009
• People either know about it and use it or don’t know what it is
• Baggage from a customization perspective
• Why JavaScript developers?
• Modernizing development
• SharePoint Framework
• Microsoft Ignite Conference
• Is there a market for it?
• System integrators
• Angular Element and React
• React for SharePoint Framework back-end
• Supports Vue
• React Round Up Podcast
• How do you maintain isolation?
• What’s the best way to get started with SharePoint extensions?
• Office 365 Developer Program
• SharePoint documentation
• SharePoint YouTube
• What kinds of extensions are you seeing people build?
• And much, much more!

Links:

• SharePoint
• JavaScript
• SharePoint Framework
• Microsoft Ignite Conference
• Angular Element
• React
• Vue
• React Round Up Podcast
• Office 365 Developer Program
• SharePoint documentation
• SharePoint YouTube
• @OfficeDev
• @vesajuvonen
• Vesa’s blog
• Vesa’s GitHub

Sponsors

• Angular Boot Camp
• Digital Ocean
• FreshBooks

Picks: Charles

• Zig Ziglar
• Conversations with My Dog by Zig Ziglar
• Pimsleur Lessons on Audible

Vesa

• Armada by Ernest Cline

Special Guest: Vesa Juvonen.

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

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

Panel:

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

Special Guests: Tracy Lee, Ben Lesh, and Jay Phelps In this episode, the Views on Vue panel talks to Tracy Lee, Ben Lesh, and Jay Phelps about reactive programming in Vue. They talk about the new additions to RxJS 6, what RxJS actually is, reactive programming, and Vue Rx. They also touch on the basics of RxJS, the difference between Promises and RxJS, and more! In particular, we dive pretty deep on:

• RxJS
• The difference between RxJS 6 and the past versions
• Moving towards pipeable operators
• Win for application size
• Error handling has changed
• What is RxJS?
• Utility library to better handle your complex asynchronous stuff
• Very versatile tool
• Reactive programming
• Most popular and well-known reactive programming paradigm
• Became open source at version 5
• How does Vue Rx fit into all of this?
• What Vue Rx adds
• Using RxJS vs Promises
• Observables
• Subscription options
• Observable strings
• The underbelly of coding
• Error handling
• Functional programming
• Promises are eager
• Web sockets
• RxJS is not particular to one language
• Angular
• And much, much more!

Links:

• RxJS
• Vue Rx
• Vue
• Angular
• @ladyleet
• Tracy’s GitHub
• @BenLesh
• Ben’s Medium
• Ben’s GitHub
• @_jayphelps
• Jay’s GitHub
• RxJS GitHub

Sponsors

• Kendo UI
• Digital Ocean
• FreshBooks

Picks: Charles

• Master Chef Junior
• Instant Pot

Chris

• Back up your data more than weekly

Divya

• The introduction to Reactive Programming you've been missing

Erik

• Bracket Pair Colorizer
• Syntax.fm podcast

Joe

• Backblaze
• Solo
• Framework Summit

Tracy

• BeautyFix Subscription Box
• Blanton’s

Ben

• RxJS docs
• Experimental branch of RxJS
• Get some exercise

Special Guests: Ben Lesh, Jay Phelps, and Tracy Lee.

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

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

Panel:

• Charles Max Wood
• Alyssa Nicholl
• Ward Bell

Special Guests: David Cramer In this episode, the Views on Vue panelists talk to David Cramer about error tracking and troubleshooting workflows. David is the founder and CEO of Sentry, and is a software engineer by trade. He started this project about a decade ago and it was created because he had customers telling him that things were broken and it was hard to help them fix it. They talk about what Sentry is, errors, workflow management, and more! In particular, we dive pretty deep on:

• David intro
• Founder and CEO of Sentry
• What is Sentry?
• Working with PHP
• De-bugger for production
• Focus on workflow
• Goal of Sentry
• Triaging the problem
• Workflow management
• Sentry started off as an open-source side project
• Instrumentation for JavaScript
• Ember, Angular, and npm
• Got their start in Python
• Logs
• Totally open-source
• Most compatible with run-time
• Can work with any language
• Deep contexts
• Determining the root cause
• And much, much more!

Links:

• Sentry
• JavaScript
• Ember
• Angular
• npm
• Python
• Sentry’s GitHub
• @getsentry
• David’s GitHub
• David’s Website
• @zeeg

Sponsors

• Kendo UI
• FreshBooks

Picks: Charles

• Socks as Swag

David

• VS Code
• Kubernetes

Special Guest: David Cramer.

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

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

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:

• Shopify
• Fullstack Vue
• Vue CLI 3.0
• Vue
• Vuex
• Vue Router
• Webpack
• Browserify
• Vuex Modules
• The Importance of State Management in Vue – Hassan’s Talk
• ESLint
• Hassan’s Medium
• Hassan’s GitHub
• @djirdehh
• hassandjirdeh.com

Sponsors:

• Kendo UI
• FreshBooks

Picks: Charles

• GDPR
• Solo Movie
•  

Chris

• Sarah Drasner Repo - loldash
• Jean-Claude Van Johnson
• Dark
• Primer

Erik

• Wallabyjs.com

Divya

• Gatsby.js
• SmooshGate blog

Hassan

• Avengers: Infinity War
• Lambda School

Special Guest: Hassan Djirdeh.

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

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

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:

• Azure
• Microsoft Build
• VSTS
• @orizhr
• Ori’s GitHub
• Gopi’s GitHub
• @gopinach
•  

Sponsors

• Kendo UI
• Linode
• FreshBooks
•  

Picks: Charles

• .NET Rocks!
• Shure SM58 Microphone
• Zoom H6
•  

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

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:

• Progress
• NativeScript
• NativeScript-Vue
• JavaScript
• Angular
• React Native
• Vue
• NativeScript Playground
• Visual Studio Code
• NativeScript Sidekick
• Vue DevTools
• NativeScripting.com
• @VueVixens
• Elocute
• Jen’s GitHub
• JenLooper.com
• @jenlooper
• Vue Vixens

Sponsors:

• Kendo UI
• Digital Ocean
• FreshBooks

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

• Bombshell: The Hedy Lamarr Story on PBS
• VS Code Can Do That? Series
• Cat School

Special Guest: Jen Looper.

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

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

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:

• Visual Studio Code
• JavaScript
• TypeScript
• Dart
• VS Code GitHub
• @Code
• VS Code Insiders
• Docker extension
• Azure extension
• Rachel’s GitHub
• Matt’s GitHub
• MattBierner.com
• @mattbierner

Sponsors

• Linode
• Angular Boot Camp
• FreshBooks

Picks: Charles

• Orphan Black
• Avengers: Infinity War
• Fishing

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