Views on Vue

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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 Chuck@Devchat.tv @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