Тёмный

A Better Approach To Data Fetching In Nuxt? 

John Komarnicki
Подписаться 21 тыс.
Просмотров 3,9 тыс.
50% 1

🤖 WebDevDaily: www.webdevdaily.io
📕 Nuxt 3 Course: www.learnnuxt.dev/
📕 Vue 3 Crash Course: johnkomarnicki.gumroad.com/l/...
🚀 Join the channel : / @johnkomarnicki
🤖 Website: johnkomarnicki.com/
🐦 Twitter: / john_komarnicki
Data Fetching with Nuxt: • Data Fetching With Nuxt 3
#vue #vue3 #datafetching #nuxt #nuxt3

Наука

Опубликовано:

 

2 май 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 24   
@jatinkumar7287
@jatinkumar7287 2 месяца назад
Working on nuxt and having to found u is a blessing. I don't know why there are so little vuejs or nuxtjs tutorial on youtube.
@devflo
@devflo Месяц назад
I actually create nuxtjs tutorial on my channel would add more soon
@alimaher1
@alimaher1 2 месяца назад
Great video, John and I totally agree with you. Blocking the page untill the data is fetched does not make a great UX. Also, it's important to note that this behavior relies on async setup, top level await and suspense component. As there could be some caveats that require knowledge of these to deal with them.
@JohnKomarnicki
@JohnKomarnicki 2 месяца назад
Thanks, yeah i agree! I assume that if you're watching this video you'd have some familiarity with these concepts. But if not, i feel Nuxt is pretty intuitive to allow you to have little knowledge and still understand. I also have videos on most of these concepts as well :)
@alimaher1
@alimaher1 2 месяца назад
@@JohnKomarnicki Yeah totally agree. And I've been here for a while and I could assume I watched most of your videos. Love your content, man. Btw I have some concern regarding using useFetch for client side api data fetching. I know it's recommended, acc to docs, to use $fetch instead but what if I wanted to get the benefits of using useFetch. Nuxt do warn "Component is already mounted, use $fetch instead.". What do you think regarding that? I pass that 'server: false' to useFetch but still the warning persists.
@YessenOrazbaiuly
@YessenOrazbaiuly Месяц назад
Very useful info. Thank You!
@zooldeveloper4892
@zooldeveloper4892 Месяц назад
It's great video thank you
@defanx441
@defanx441 17 дней назад
Thanks man
@mathiasokafor7318
@mathiasokafor7318 2 месяца назад
great video
@berkaykarademir8641
@berkaykarademir8641 19 дней назад
you are the best easily. thanks for sharing better approaches instead of just talking about how to do things in the most primitive way
@JohnKomarnicki
@JohnKomarnicki 3 дня назад
I appreciate that!
@youhan96
@youhan96 28 дней назад
Great tip. I guess pending is going to be replaced by status==='pending' in v4
@yoanestradablanco1608
@yoanestradablanco1608 Месяц назад
Good VIdeo
@matanon8454
@matanon8454 2 месяца назад
💚
@RomFeliciano
@RomFeliciano 12 дней назад
Hello sir can you make a video about nuxt apollo? I am trying to initially fetch my data using useAsyncQuery but when I reload the page the data are gone but when using going back to that page displayed my data
@virtuoz-ru
@virtuoz-ru Месяц назад
👍👍👍👍👍👍👍👍
@user-yy8kf5gu8u
@user-yy8kf5gu8u 28 дней назад
I was wondering, when using useFetch it is universale rendering, when is it doing ssr and when is it doing csr? Because if you have a loading screen it is basically doing csr which is not great for seo right?
@JohnKomarnicki
@JohnKomarnicki 28 дней назад
As you mentioned, Nuxt has universal rendering. The initial page load will happen on the server and then after that it’s client side. This approach just helps provide a better user experience after the app has been loaded initially. UseFetch handles fetching the data on the server and then it passes that data to the client without refetching when the app hydrates.
@user-yy8kf5gu8u
@user-yy8kf5gu8u 28 дней назад
@@JohnKomarnicki Thanks!
@madukomablessed4712
@madukomablessed4712 2 месяца назад
awesome video. Would love to use Nuxt and Go on a project. Also, is it possible to make a full stack Nuxt app (using server pages and the likes)
@devflo
@devflo Месяц назад
it is possible to have server routes and actions it is a complete full stack framework
@madukomablessed4712
@madukomablessed4712 Месяц назад
@@devflo Yeah I know, I mean he should make a video on those, as a project
@devflo
@devflo Месяц назад
@@madukomablessed4712 okay, he has a few projects but not sure he has one where he used the full nuxt
Далее
Route Middleware With Nuxt
6:42
Просмотров 1,6 тыс.
Data Fetching With Nuxt 3
20:31
Просмотров 27 тыс.
Should You Use Vue Slots Over Props?
4:26
Просмотров 1,7 тыс.
You're Probably Using Nuxt Wrong
5:16
Просмотров 15 тыс.
Nuxt Auth - Postgres.js
32:27
Просмотров 1,3 тыс.
What Is Hybrid Rendering In Nuxt?
8:56
Просмотров 1,9 тыс.
A Better Way To Handle Vue Props?
6:02
Просмотров 4,1 тыс.
These coding projects give you an unfair advantage
8:13
Handling Webhooks With Nuxt 3
8:40
Просмотров 3,1 тыс.
This is Why Programming Is Hard For you
10:48
Просмотров 663 тыс.
Why you should use useState()
17:57
Просмотров 12 тыс.