DejaVue

By: Alexander Lichter & Michael Thiessen
  • Summary

  • Welcome to DejaVue, the Vue podcast you didn't know you needed until now! Join Michael Thiessen and Alexander Lichter on a thrilling journey through the world of Vue and Nuxt. Get ready for weekly episodes packed with insights, updates, and deep dives into everything Vue-related. From component libraries to best practices, and beyond, they've got you covered.
    © 2024 Alexander Lichter & Michael Thiessen
    Show More Show Less
Episodes
  • Data Fetching in Vue and Nuxt
    Nov 15 2024

    Data fetching is a crucial part of any web application. In this episode of DejaVue, we discuss the different ways to fetch data in Vue.js and Nuxt.js, and how to cache it.

    We also talk about the experimental Suspense feature in Vue.js and how it can be used to improve the user experience, as well as how to handle third-party scripts in your application.

    In addition, Nuxt's data fetching options are discussed, including the $fetch method, useFetch, useAsyncData and the useNuxtData composable. Finally, we cover server-side caching in Nuxt.js, including route rules, defineCachedEventHandler, and defineCachedFunction.

    Enjoy the episode!

    Chapters

    • (00:00) - Welcome to DejaVue
    • (00:50) - Which topics should be covered next?
    • (01:56) - This episodes topic - Data Fetching
    • (04:13) - Two ways of client-side caching
    • (06:17) - What is Data Fetching actually - and which library to use?
    • (08:19) - Suspense in Vue.js
    • (14:03) - Third Party Scripts
    • (17:38) - Data fetching basics in Nuxt.js
    • (20:28) - $fetch vs useFetch
    • (23:27) - $fetch request deduplication on the server
    • (24:43) - Caching in Nuxt.js
    • (28:18) - routeRules of server-side caching
    • (29:38) - defineCachedEventHandler / defineCachedFunction
    • (32:19) - Unstorage for storing the cached files
    • (35:41) - useNuxtData
    • (40:26) - Why does Nuxt offer more data fetching options?
    • (45:32) - Wrapping up


    Links and Resources

    • LAST CHANCE 15% discount for the VueConf Toronto* with code DEJAVUE


    • ofetch
    • ky
    • Suspense in Vue
    • Data Loaders
    • DejaVue #E030 - Pinia and Data Loaders (with Eduardo San Martin Morote)
    • nuxt-workers
    • Partytown
    • squoosh.app
    • DejaVue #E001 - The Need for SSR
    • You are using useFetch wrong
    • DejaVue #E003 - Nitro: The Next Generation Server Toolkit
    • Caching in Nitro
    • Client side caching with getCachedData
    • Composable Caching Utils issue
    • Route Rules in Nuxt
    • DejaVue #E002 - Building a Nuxt.js SaaS in less than a week (with Harlan Wilton)


    Your Hosts

    Alexander Lichter

    • BlueSky
    • Twitter
    • YouTube
    • Twitch
    • Website


    Michael Thiessen

    • Twitter
    • YouTube
    • Website


    Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

    Show More Show Less
    46 mins
  • Vue or React? (with CJ from Syntax)
    Nov 8 2024
    Alex is accompanied by the wonderful CJ Reynolds in this episode of DejaVue. The Senior Creator at Syntax.fm brings not only Vue experience but also a history of Angular JS and React, as well as various other technologies.The two content creators talk about how CJ became a senior creator at the well-known Syntax.fm podcast and how it is different from Streaming on Twitch and his previous content creation processes. Further, CJ gives insights on how the Denver Vue meetup evolved (now the DenverScript meetup) and shares some hopes when it comes to the meetup scene.Alex and CJ then discuss more technical topics - for example why CJ never fully switched over to Vue but still writes it a lot. The discussion eventually goes into comparisons between Vue and React, highlighting what Vue does "better" than React and how the Vue ecosystem shapes the web development work.Enjoy the episode!Our GuestCJ ReynoldsOwn WebsiteSyntax WebsiteTwitchYouTube (Coding Carden)YouTube (Syntax.fm)BlueSkyTwitterChapters(00:00) - Welcome to DejaVue (00:47) - How CJ joined the podcast (01:38) - How did you become the Senior Creator at Syntax.fm do? (06:00) - Differences to previous gigs and streaming (12:17) - From starting with web development to Vue.js (15:54) - Running the Vue Denver meetup (19:25) - Is the meetup scene growing again? (21:13) - Why didn't you switch fully to React? (23:49) - What Vue does "better" than React (27:01) - Two-way data binding (31:35) - How opinionated is Vue (32:58) - Vue without a build step (35:01) - Does Vue "seem" too magical? (36:07) - "Needing" a meta framework? (38:50) - Nuxt and the UnJS packages (41:01) - Frameworks converging (41:55) - Vue did Signals "first" (42:58) - Is Vue bad at marketing? (44:40) - Vue Job market (45:40) - Vue and Innovation (46:59) - Vue being left out of the conversation (50:52) - What stops from switching to Vue? (53:52) - The change to Vue 3 and the Composition API (01:02:38) - VueUse as a good example (01:03:26) - Composition API without script setup (01:05:56) - Where people can follow CJ (01:06:34) - Wrapping upLinks and ResourcesGet 15% OFF for your Vue Toronto ticket with code DEJAVUE *Syntax PodcastDenverScriptimmerImmutable.jspetite-vueEpisode 16 - The Future of Vue.js (with Evan You)vinxiEpisode 30 - Pinia and Data Loaders (with Eduardo San Martin Morote)Vue Data LoadersNitroInterview with Evan You about VoidZeroSyntax Video Series - React vs VueHeadless UIFormKitOrganizing Code when using the Composition APIYour HostAlexander LichterBlueSkyTwitterYouTubeTwitchWebsite---Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.
    Show More Show Less
    1 hr and 7 mins
  • Getting Started with Vue.js (with Simone Cuomo)
    Oct 31 2024

    In this episode of DejaVue, Michael is joined by special guest Simone Cuomo. Together, they discuss how to "get started" with Vue and also topics around general developer culture, such as in-office vs. remote work and the power of mentorship.


    Simone also shares learnings and insights from the recent Vuejs.de Conference - as well as his hot take about Vue.js (Hint: it is related to the Composition API!)


    And of course, recent topics like AI and whether it is good or bad for beginners shouldn't be left out either.


    Enjoy the episode!

    Our Guest

    Simone Cuomo

    • Website
    • Twitter


    Chapters

    • (00:00) - Welcome to DejaVue
    • (01:51) - Experience with in-office work
    • (07:20) - Mentorships
    • (11:57) - Job-ready after university
    • (18:37) - Learnings from the Vuejs.de Conference
    • (24:27) - Simone's Hot Take on Vue.js
    • (31:12) - Getting Started with Vue.js
    • (38:30) - Tip for reading complex library code
    • (39:35) - Is AI helpful for junior developers?
    • (49:07) - Wrapping Up


    Links and Resources


    • Get 15% OFF for your Vue Toronto ticket with code DEJAVUE *


    • GitKraken
    • Vuejs.de Conf Panel
      • VueUse
    • Simone's new book - Vue.js 3 for Beginners
    • Simone's first book - Beyond coding
    • What is a composable


    Your Host


    Michael Thiessen

    • Twitter
    • YouTube
    • Website


    ---

    Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.

    Show More Show Less
    51 mins

What listeners say about DejaVue

Average Customer Ratings

Reviews - Please select the tabs below to change the source of reviews.

In the spirit of reconciliation, Audible acknowledges the Traditional Custodians of country throughout Australia and their connections to land, sea and community. We pay our respect to their elders past and present and extend that respect to all Aboriginal and Torres Strait Islander peoples today.