Views on Vue

In this episode of Views on Vue, we talk with Gleb Bahmutov, VP of Engineering at Cypress, about the importance of end-to-end testing, and why to use Cypress for your tests. We discuss how to write tests that cover a majority of your codebase, as well as new features such as component testing. We also talk about code coverage, and generating reports to determine how well your tests work to validate your application. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Guest Gleb Bahmutov Links http://www.cypress.io/ https://www.cypress.io/features https://on.cypress.io/code-coverage https://github.com/bahmutov/cypress-vue-unit-test https://www.scientistsforxr.earth/slideshttps://350.org/ Picks Gleb Bahmutov:  https://github.com/vitejs/vite https://www.xrebellion.nyc/the-emergency https://rebellion.global/ Steve Edwards: Vacation Lindsay Wardell: https://www.parts-people.com/ https://beta.editor.paperize.io/#/ Follow Views on Vue on Twitter > @viewsonvue

In this episode of Views on Vue, Lindsay and Steve talk with Raymond Camden about the upcoming Vue 3 release, and how it’s important for open source in general to communicate well with developers. We discuss the needs of developers who just want to get work done, and the need to not break the expectations around a library or framework. We talk about the Composition API, as well as new features like Teleport and Suspense. Sponsors Audible.com CacheFly Panel Lindsay Wardell Steve Edwards Guest Raymond Camden Links https://github.com/vuejs/vue/projects/6 Picks Raymond Camden: The CRPG Book: A Guide to Computer Role-Playing Games Steve Edwards: Dr. Lee presents Can’t Touch This Covid Parody Lindsay Wardell: TypeGraphQL Follow Views on Vue on Twitter > @viewsonvue

In this episode of Views on Vue, Steve talks with Nick Basile of Lambda School in Auston, TX, about using Vue for rapid prototyping new projects. Nick talks about why he uses Vue, and how the prototyping works in Vue. We also digress slightly to discuss Tailwind CSS, a popular utility CSS library, and how it fits in with his prototyping process. Sponsors Audible.com CacheFly Panel Steve Edwards Guest Nick Basile Links http://commitly.io/ (coming soon!) nick-basile.com github.com/nickbasile https://twitter.com/nickjbasile Picks Nick Basile: Ghost of Tsushima Steve Edwards: The Hitchhiker’s Guide to the Galaxy Follow Views on Vue on Twitter > @viewsonvue

In this episode of Views on Vue, Lindsay talks with Michael Thiessen, who is working on a new course about Reusable Components. We dive into the six levels of reusability, and talk about how to make your components more flexible across your application. We also discuss when is a good time to start abstracting your components, and some ideas on handling large numbers of props. Sponsors Audible.com CacheFly Panel Lindsay Wardell Guest Michael Thiessen Links https://michaelnthiessen.com/reusable-components https://michaelnthiessen.com/clean-components https://michaelnthiessen.com/6-levels-of-reusability/ https://twitter.com/MichaelThiessen Picks Michael Thiessen: Produce Box Lindsay Wardell: Daily Plan Bar Follow Views on Vue on Twitter > @viewsonvue

Lindsay talks with Justin Schroeder about Vue Formulate, a form library with some new ideas. We discuss how to build forms, the straightforward API for creating inputs, and how to customize the form. We also discuss how developers can bind directly to the form, rather than each component, and how validation is layered in at every step. Finally, we discuss form generation from JSON or objects, and how to create form groups. Sponsors CacheFly Panel Lindsay Wardell Guest Justin Schroeder Links https://vueformulate.com https://dev.to/justinschroeder/introducing-vue-formulate-truly-delightful-form-authoring Using Tailwind with Vue Formulate https://wearebraid.com https://twitter.com/jpschroeder Picks Lindsay Wardell: Granted by John David Anderson Justin Schroeder: The All-In Podcast Disney Plus Hamilton Follow Views on Vue on Twitter > @viewsonvue

In this episode of Views on Vue, Lindsay talks with Callum Macrae about the impact of the tech community on climate change. We discuss the impact of data centers and data transmission over the internet, some of the tech industry’s support of carbon emissions, and how we as individuals can make a difference. Sponsors CacheFly Panel Lindsay Wardell Guest Callum Macrae Links https://www.iea.org/fuels-and-technologies/data-centres-networks Google Halts AI Tools For Oil Extraction https://unboundwellness.com/dairy-free-queso ​​​​​​​ Picks Lindsay Wardell: Granted by John David Anderson Callum Macrae: The All-In Podcast Disney Plus Hamilton Follow Views on Vue on Twitter > @viewsonvue

In this episode of Views on Vue, Lindsay and Steve talk with Debbie O’Brien, Head of Learning at Nuxt. We discuss Nuxt becoming a company, the new component and content modules, and the static module. We also talk about enhancements to the Nuxt documentation, providing new ways to learn Nuxt and ways to integrate it with other technologies. Sponsor CacheFly Panel Lindsay Wardell Steve Edwards Guest Debbie O’Brien Links https://twitter.com/debs_obrien https://debbie.codes/ Picks Steve Edwards: The Middle Lindsay Wardell: Native Script Playground Debbie O’Brien: The Sinner Follow Views on Vue on Twitter > @viewsonvue

In this episode, Lindsay talks with Filip Rakowski, co-founder and CTO of Vue Storefront. They discuss how Filip got into programming, frontend development for eCommerce, and what led to the development of Vue Storefront. They also discuss what's coming in Vue Storefront Next, and Filip's experience with the Composition API. Filip also discusses launching open source projects early, and how he build a community around Vue Storefront. Panel Lindsay Wardell Guest Filip Rakowski Vue Remote Conf 2020 Links What is Vue Storefront Next? Picks Filip Rakowski: Follow Filip on Twitter > @filrakowski REWORK — the New York Times bestselling book about business. | Basecamp It Doesn't Have to Be Crazy at Work | Basecamp Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Vuex ORM Axios Frindle by Andrew Clements Follow Views on Vue on Twitter > @viewsonvue

Building websites at an enterprise scale presents many challengers. In this episode the panel talks with Tim Benniks about how the global cosmetics brand L’Oreal uses VueJS in conjunction with Sitecor and other tools to develop websites for its many brands around the world. Tim also discusses his experience in building cross-cultural development teams, and the challenges presented by teams comprised of developers from multiple countries. Panel Steve Edwards Austin Gil Guest Tim Benniks Vue Remote Conf 2020 Links Tim’s Amsterdam talk Picks Tim Benniks: Follow Brad on Twitter > @timbenniks, Website, Github, email: tim.benniks@valtech.com The Culture Map: Breaking Through the Invisible Boundaries of Global Business Tim’s YouTube channel Austin Gil: Follow Austin on Twitter > @Stegosource Think about things (song) The Function Call Moon Drops What the bleep Steve Edwards: Follow Steve on Twitter > @wonder95 Casablanca Making History: NASA and SpaceX Launch Astronauts to Space Follow Views on Vue on Twitter > @viewsonvue

This week the Views of Vue panelists discuss the frameworks built using Vue. We start with the Vue CLI, then go into Gridsome and static site pros and cons, Nuxt and server side rendering, and Vuepress for simple setup and development. We also discuss other frameworks like Quasar, Vapper, and the experimental Vite. Panel Steve Edwards Lindsay Wardell Austin Gil Vue Remote Conf 2020 Links Nuxt.js Gridsome VuePress Quasar Framework vitejs/vite Vapper How We Used Gatsby.js to Build a Blazing Fast E-Commerce Site | by Mae Capozzi Pika - Search npm for fast, modern packages. Snowpack How to create a portfolio and blog using VuePress and Markdown - LogRocket Blog How to IDE-ify your GitHub Picks Austin Gil: Follow Austin on Twitter > @Stegosource NameSilo porkbun.com Cloudflare Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Board Game Arena One - An alternative to Uno There Is a Bird on Your Head! by Mo Willems Steve Edwards: Follow Steve on Twitter > @wonder95 Don’t Let the Pigeon Drive the Bus! – Pigeon Presents Follow Views on Vue on Twitter > @viewsonvue

  Join the 30-DAY CHALLENGE: "You Don't Know JS Yet" Lindsay, Austin, and Steve discuss some of their tips on how to build Vue applications. Our discussion ranges from auto registration of components, separating data by features, and error handling. Panel Steve Edwards Lindsay Wardell Austin Gil   Vue Remote Conf 2020 Links Loading SCSS globally Dynamically Generating Vue Router Routes From Directory Structure How to prevent browser refresh, URL changes, or route navigation in Vue Picks Austin Gil: Follow Austin on Twitter > @Stegosource Trader Joe’s Mushroom & Company Multipurpose Umami Seasoning Blend Begin Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh 6 Awesome Chrome Extension for Github Octotree - Chrome Web Store Steve Edwards: Follow Steve on Twitter > @wonder95 98.css - A design system for building faithful recreations of old UIs Bill & Ted Face the Music Announcement Follow Views on Vue on Twitter > @viewsonvue

In this episode of Views on Vue, we talk with Maya Shavin, a Senior Frontend Developer at Cloudinary. We talk about CSS component libraries, CSS-in-JS with Vue, and pros and cons with using libraries like Tailwind CSS. We also discuss Storefront UI, a component library focused on eConmerce. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Maya Shavin Vue Remote Conf 2020 Links Maya Shavin - Performant Components through Customisation PurgeCSS Whitelist Fluid type with CSS Clamp Storefront UI Picks Maya Shavin: Follow Maya on Twitter > @MayaShavin, Website, email: dpnminh@gmail.com Animal Crossing Horizon Austin Gil: Follow Austin on Twitter > @stegosource Realm of the Mad God Kings Road Lindsay Wardell: Follow Lindsay on Twitter > @yagaboosh Visual Studio Codespaces Azure Static Web Apps The Journey to One .NET | Steve Edwards: Follow Steve on Twitter > @wonder95 Home Town Follow Views on Vue on Twitter > @viewsonvue

Vue Remote Conf 2020 October 6th to 9th We talk to Tiago Alves about Nativescript-Vue - what it is, how is it different from Cordova or React Native, and why it's a good choice for building mobile apps. We talk about mobile components vs HTML, native APIs, and how to run your app while in development. Panel Steve Edwards Lindsay Wardell Austin Gil Guest Tiago Alves Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today!   Picks Tiago Alves: Follow Tiago on Twitter > @tiagoreisalves Woodworking   Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Battlestar Galactica World Vue (@world_vue)   Steve Edwards: Follow Steve on Twitter > @wonder95 SMGA| Render Functions, Icons, and Badges With Vuetify Austin Gil:: Jitsi.org - develop and deploy full-featured video conferencing Vuetensils Gvendolyn Faraday - Vuetensils UI Component Library - YouTube Follow Views on Vue on Twitter > @viewsonvue

Vue Remote Conf 2020 October 6th to 9th The Views on Vue panel talks with Erik Hanchett, prolific VueJS educator, about his new Vue 360 course and other educational resources he provides to the VueJS comunity. We also talk about personal branding and how to get started building your own brand. Panel Steve Edwards Lindsay Wardell Guest Erik Hanchett Sponsors Cloudways | Use promo code "DEVCHAT" for 30% off for 3 months on all plans "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Create Awesome Vue.js Apps With Nuxt.js witk Erik Vue.js in Action by Erik Hanchett Introduction to Vue.js with Sarah Drasner Ember.js Cookbook Picks Erik Hanchett: Follow Erik on Twitter > @ErikCH, YouTube, Blog, Vue 360 course It Doesn't Have to Be Crazy at Work | Basecamp Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Wayside School Beneath the Cloud of Doom by Louis Sachar What is Meet Now and how do I use it in Skype? Steve Edwards: Follow Steve on Twitter > @wonder95 Uptown Passover Follow Views on Vue on Twitter > @viewsonvue

Vue Remote Conf 2020 October 6th to 9th In this episode of Views on Vue, we talk to John Leider, the creator of Vuetify. We discuss how he started in programming and web development, and what led to the creation of Vuetify. We also talk about what's coming next with version 3, and how John is able to run an open source project as his business. Panel Steve Edwards Lindsay Wardell Guest John Leider "The MaxCoders Guide to Finding Your Dream Developer Job" by Charles Max Wood is now available on Amazon. Get Your Copy Today! Links Team Fortress 2 Materialize Vue Material - Material Design for Vue.js feat(size): create new effect by johnleider Picks John Leider: Follow John on Twitter > @zeroskillz, @vuetifyjs, email: john@vuetifyjs.com Vuetify on Discord Vuetify on Reddit Lindsay Wardell: Follow Lindsay on Twitter > @Yagaboosh Monoprice Height Adjustable PC Workstation Cart for Sit-Stand Guide to Internal Communication, the Basecamp Way Steve Edwards: Follow Steve on Twitter > @wonder95 IT IS WELL WITH MY SOUL- YouTube Figma Vuex ORM Follow Views on Vue on Twitter > @viewsonvue