Views on Vue

Today we talk with Denise Gürsoy, a full stack developer from the Netherlands, currently working as a GO developer. We discuss his Medium article about implementing alternate methods of calling APIs in Vue.js.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• API calls in Vue.js
• GitHub: denizgursoy
• Deniz GÜRSOY 

Picks

• Charles- Irish Gauge
• Charles- JavaScript Remote Conference 2022
• Charles - How to Stay Current Course (coming soon)
• Charles - Book Club for developer books (coming soon)
• Charles - Coaching | Top End Devs 
• Charles- I Am Not A Serial Killer (John Cleaver, 1)
• Charles- The Lord of the Rings: The Rings of Power - Season 1
• Deniz- Ocean's Twelve (2004) - IMDb

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

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

Steve sits down with Vue developer Shashikant S. Wagh to talk about his Vue Sortable Table. They discuss the various config options and the main selling point that allows the user to re-order items in the table via drag and drop. Shashikant makes a very old-school book pick, and as always, Steve has his great dad jokes.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Introducing Vue Sortable Table
• GitHub - shashikant-wagh/vue-sortable-table
• GitHub - SortableJS/Sortable
• LinkedIn: Shashikant (Shashi) Wagh
• GitHub: shashikant-wagh

Picks

• Shashikant- The Republic
• Steve- QR codes | Dan Hollick

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

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

Today we talk with Fred Schott, the co-creator of Astro. Being involved with open source web development for a decade, and working on several teams at Google, including Chrome and Polymer, he is now one of the biggest promoters of Astro. We talk about how Astro, as a static site generator, helps to solve the over-use of javascript on the client side.
In this episode...

• Origin story of Astro
• Component structure
• Routing
• Integration vs. UI frameworks
• Astro with e-commerce sites
• Server-side rendering capability

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• The Great Divide | CSS-Tricks
• Astro | Build faster websites
• Twitter: @FredKSchott
• Astro Lounge | Discord

Picks

• Fred- Svelte Summit Fall 2022: The first in-person Svelte only conference
• Steve- MV7
• Steve - Dad Jokes
• Steve- Day of the Year Dad Jokes (@789dadjokes) * Instagram photos and videos
• Steve- ViteConf

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

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

Valeri Karpov, maintainer of the popular Mongoose library for Nodejs, visits the show again to talk about a new Vue 3 feature of provide/inject and how it's much better than props, how he uses Vue templates inside Node, tests template output with the cheerio library, and then how he uses plain js, html, and css files for email templates. As always, they end with picks, including a discussion of the The Hobbit and the Lord of the Rings books, and movies, and as always, Steve tops it off with his amazing dad jokes.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Using Provide and Inject in Vue.js
• Provide / Inject | Vue.js
• Reactivity in Vue 3
• Use HTML Files as Vue Templates with Webpack
• cheerio
• GitHub: vkarpov15
• Twitter: @code_barbarian

Picks

• Val- Dreadgod (Cradle Book 11)
• Steve- The Hobbit (TV Movie 1977) - IMDb

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

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

Today we talk with the director of engineering, Jeremy Tomlinson, and communication specialist, Rich Kurtzman, from Fathym.  Described as an “innovation acceleration engine,”  we discuss how Fathym provides the building tools which allow jr. and sr. engineers alike contribute to development.  The platform allows use of your own code, low code, or leveraging Fathym’s no code build tools.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• How to Deploy Vue.js Sites on Fathym
• Modular frontends are fantastically functional
• fathym
• 4 JavaScript frameworks you should know in 2022
• How to Build a Headless WordPress with Vue.js
• How to use Netlify CMS and host with Fathym
• Twitter: @FathymIt
•  Instagram: @fathymit

Picks

• Jeremy- Star Trek: Strange New Worlds (Official Site) Watch on Paramount+
• Rich- The Sopranos
• Rich- Star Trek: Discovery (Official Site) Watch on Paramount+
• Rich- Watch The Mandalorian | Full episodes | Disney+
• Rich - Dad Joke
• Steve- Overview - Nuxt 3 Essentials | Vue Mastery
• Steve - Dad Jokes

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

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

In today’s episode, we talk with special guest Sanchitha SR about her article titled How to Communicate between Components in Vue.js.  We cover the five ways that we can send data from one component to another: 

• Using Props
• Using Events
• Using Event Bus
• Using provide/inject
• Using this.$refs

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Building a Global State Management Library with Andrew Courtice - VUE 171
• How to Communicate between Components in Vue.js
• 7 Component Communications in Vue 3
• GitHub - developit/mitt:
• Twitter: @SrSanchitha
• Sanchitha SR - Medium
• LinkedIn: Sanchitha SR

Picks

• Sanchitha - Watch Flavors of Youth: International Version | Netflix Official Site
• Sanchitha - Normal People
• Sanchitha - Conversations with Friends
• Steve- Dad Jokes

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

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

Today Steve talks with Val Karpov, the lead maintainer of Mongoose, the most used database framework on NPM.  Val gives a brief history of Promises and Async/Await, talks about how they work.  We learn the reasoning behind the new functionality, and how it works in VUE.  Be sure to check out Vals book and his blog articles on The Code Barbarian and Mastering JS.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Mongoose
• Mastering Async/Await v1.1.0
• The Code Barbarian | www.thecodebarbarian.com
• Mastering JS
• The Far Side Comic Strip by Gary Larson - Official Website | TheFarSide.com
• GitHub: vkarpov15 - Overview
• GitHub - vkarpov15/simple-promise: Simplified implementation of promises for learning purposes
• Overview - Nuxt 3 Essentials | Vue Mastery

Picks

• Steve- Calvin & Hobbes Search Engine - by Bing
• Steve - Dad Jokes
• Val- Drink LMNT | Paleo-Keto Friendly Hydration | Zero Sugar Electrolytes
• Val- Watch Alexa & Katie | Netflix Official Site

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

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

Steve talks with Milad Dehghan, a Vue developer for Trengo in The Netherlands, to talk about his blog post on creating a VueJS component library. They start with the basic definitions of component libraries (aka design systems) and atomic design principles and then dive into the specifics of how he does it in VueJS

They also get into short discussion on Astro, and Steve makes Milad laugh hysterically with his amazing dad jokes.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Create a Vue.js Component library without losing your mind
• Trengo | Customer service software
• Atomic Design by Brad Frost
• Twitter: @milad_d3
• miladd3 - Overview

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

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

Today Steve talks with Alex Vipond, a front end engineer at Better Help, about the many ways to reuse code and make it cleaner in Vue 2 and Vue 3.  We discus Vue Directives, Vue Mixins, Renderless Components, and Composables, and talk about the benefits of using them.  Be sure to also catch his book on the topic which will be re-released soon with a major update.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• Organizing Code by Logical Concern in Vue 3 by Alex Vipond - YouTube
• Baleada
• BetterHelp | Professional Therapy With A Licensed Therapist
• Composables | Vue.js
• VueUse
• Twitter: @AlPalVipond

Picks

• Alex- Watch Bo Burnham: Inside | Netflix Official Site
• Alex - Vue and Vite updates coming soon!
• Steve - Dad Jokes
• Steve- Vue Mastery

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

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

Daniel Roe joins us today to talk through the new Nuxt 3 features.  We talk about his journey to be come one of the core contributors on the Framework team at Nuxt Labs.  He gives us insight on a typical day, and the process of tackling tasks for the week.  We discuss the contributions to RFC’s on GitHub, Incremental Static (Re)generation, and his experience at Vue Amsterdam.

Sponsors

• Top End Devs
• Coaching | Top End Devs

Links

• JSJ 408: Reading Source Code with Carl Mungazi
• Vue Language Features (Volar) - Visual Studio Marketplace
• Preview.js
• asciinema - Record and share your terminal sessions, the simple way
• NuxtLabs: Intuitive Web Development
• Histoire - Vue.js Amsterdam
• Discussions · nuxt/framework
• London Alley - London Alley
• Twitter: ‎@danielcroe
• Daniel Roe
• LinkedIn: Daniel Roe

Picks

• Daniel - Thought Controls Room Fragrance
• Steve - Dad Jokes

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

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