Artwork

محتوای ارائه شده توسط Alexander Lichter and Michael Thiessen. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Alexander Lichter and Michael Thiessen یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal
Player FM - برنامه پادکست
با برنامه Player FM !

Data Fetching in Vue and Nuxt

46:02
 
اشتراک گذاری
 

Manage episode 450354982 series 3564378
محتوای ارائه شده توسط Alexander Lichter and Michael Thiessen. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Alexander Lichter and Michael Thiessen یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

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

Your Hosts

Alexander Lichter

Michael Thiessen

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.

  continue reading

54 قسمت

Artwork
iconاشتراک گذاری
 
Manage episode 450354982 series 3564378
محتوای ارائه شده توسط Alexander Lichter and Michael Thiessen. تمام محتوای پادکست شامل قسمت‌ها، گرافیک‌ها و توضیحات پادکست مستقیماً توسط Alexander Lichter and Michael Thiessen یا شریک پلتفرم پادکست آن‌ها آپلود و ارائه می‌شوند. اگر فکر می‌کنید شخصی بدون اجازه شما از اثر دارای حق نسخه‌برداری شما استفاده می‌کند، می‌توانید روندی که در اینجا شرح داده شده است را دنبال کنید.https://fa.player.fm/legal

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

Your Hosts

Alexander Lichter

Michael Thiessen

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.

  continue reading

54 قسمت

Alle afleveringen

×
 
Loading …

به Player FM خوش آمدید!

Player FM در سراسر وب را برای یافتن پادکست های با کیفیت اسکن می کند تا همین الان لذت ببرید. این بهترین برنامه ی پادکست است که در اندروید، آیفون و وب کار می کند. ثبت نام کنید تا اشتراک های شما در بین دستگاه های مختلف همگام سازی شود.

 

راهنمای مرجع سریع

در حین کاوش به این نمایش گوش دهید
پخش