React-Query Tutorial - OUTDATED - LINK TO THE NEW VERSION IN THE DESCRIPTION

📘New Course: Build full-stack React Typescript applications tsreact.maksimivanov.com/s/ytd
This video is outdated, you can find an updated version here • React Query 3 - CRUD L...
In this react tutorial i'm showing how to use the React Query library to fetch the data in your React application. You can forget about the useEffect hook for data fetching with this library.
The API looks is similar to React-Apollo but for REST APIs instead of GraphQL.
🐦 Twitter: / ivanov_dev
I write about React and TypeScript there
Repo: github.com/satansdeer/react-q...
Discord: / discord

[@skube]

I think the interface has changed slightly since the recording react-query.tanstack.com/guides/migrating-to-react-query-3#useinfinitequery-is-now-bi-directional

[@satansdeer1]

I have a video about react query 3 as well

[@JackSparrah]

Thanks for helping make sense of react-query! This is probably the best tutorial I've seen yet

[@satansdeer1]

Thanks ☺️

[@radezzientertainment501]

you're the reason im getting a bonus this year, thanks my friend

[@SogMosee]

React-query helped you get a bonus? You sped up an application?

[@radezzientertainment501]

@@SogMosee not this specific video haha! Just his channel in general

[@zerocodercool]

Nice into to React Query!!!, Yes, it would be wonderful to see the testing in action, or maybe some other hooks!

[@miso85]

Great content and this one was at a perfect time for me to use on a current project.

[@StrangeIndeed]

You make a lot of useful content and I love it. I regret not looking into this channel earlier. I feel dumb saying that, but your thumbnails initially scared me away

[@satansdeer1]

This is so cute ☺️

[@unknownman1]

Thanks man, your videos are very helpful

[@dgaa1991]

Thanks for the brilliant video! It would be nice to see an updated version with react-query v.3.x.x!

[@farseenabdulsalam6246]

Well explained :) concise and full of useful info.

[@alessandromuraro6610]

Thanks, nice tutorial!

[@salvadoremmanuelkain]

Thanks, man this is solid gold adamantium stuff with vibranium and diamonds inscrustations :fire:

[@OleksandrDanylchenko2k]

Great explanation, thanks

[@Vickersyt]

Great tutorial :)

[@juanmadelaflor6406]

Thank you!

This content is so practical. I love your videos. I am struggling with situation when I want to fetch data with many parameter like filter and sorting criteria. Where to put these parameter to useQuery???

[@IntotheWildscape]

Good one..so useful

[@bogdanandrushchenko3304]

Thank`s for understandable content

[@MrDoctorgaby]

Hello Maksim! great tutorial. I was wondering, would you use react-query in production(reliability-wise)? I was thinking to switch from redux. Good luck and keep good content coming. You are awesome. Thank you for doing this

[@satansdeer1]

😊 Thanks. I don't use it personally in production right now, but I stole their API design to implement something very similar. The lib is super pleasant to use. Is it reliable? I don't really know

[@antoniorivera6014]

Awesome!

[@juanmadelaflor6406]

Hi ppl, I consider my self an intermediate JS programmer, but i always get lost between curly braces when so many nested callbacks need te be defined. Should I define my self as a newbie instead of intermediate? :D Gonna improve practicing?

[@chidanandamn1580]

We are hitting the end point regularly for each todo item.. won't it consume more amount if we are using AWS or any other server

[@satansdeer1]

We are not, it is a mutation and it performs a request only when the user clicks the "remove" button. Also you can cache the API responses on backend.

[@nazarfernos184]

Спасибо за туториал

[@kylehenson2259]

Does react query start fatching after component mount and also after any change? Like useEffect, i know compare this two thing are not correct , but i want know while we use react query after that we dont need useEffect for fatching data?

[@veronicagayoso5333]

I have the same question

[@bullit_s]

Спасибо :)

[@Wakkyguy]

Please update this tutorial for React Query v3.

[@GAccountMe]

Спасибо за урок! Было бы здорово, если бы чуть медленнее говорил=)

[@wargonzo5761]

спасибо за видео! очень полезно, однако, как уже заметили тут в комментах, не совсем понятны плюсы/минусы технологии, не очень понятно когда следует ее использовать. возможно, для вас это очевидные вещи, но мне, новичку, так не кажется

[@satansdeer1]

спасибо за фидбек, я планирую стрим о получении данных с сервера, и там показать как это выглядит без этой библиотеки

[@jahadempire7934]

what vscode theme he is using?

[@ahmedadebisi881]

Hi Maksim, Nice Video. Please what vs code theme is this.

[@satansdeer1]

material theme, ocean blue high contrast i think

[@Lumi265]

Hello guys is it possible than this tutoriel is no longer functional? about an error I have *No QueryClient setError: No QueryClient set, use QueryClientProvider* Or i did something wrong

[@satansdeer1]

Yes it got obsolete, check the newer one on my channel. The one about CRUD application using reactQuery

[@Lumi265]

@@satansdeer1 ok I will look that, thanks so much for your work

[@user-sf1zl9sk9g]

А в чем преимущество данной библиотеки? Обёртка над стандартными вещами вроде isLoading isError?

[@satansdeer1]

да плюс оптимистичный фетч, автоматическое обновление данных и про кеш не надо думать. на графкюэль легко мигрировать

[@user-sf1zl9sk9g]

@@satansdeer1 может лучше сразу на Graphql (apollo) мигрировать? Там все таки подписки в придачу

[@satansdeer1]

так а если апи не графкюэль?

[@satansdeer1]

ну а так да, тут вместо подписок есть автоматический рефетч по интервалу

[@rtnjo6936]

@@satansdeer1 Максим не думали сделать проект на Некст js со всеми r-query, tsx И т.д. Очень хотелось бы свежака на next

[@DIEZ919191]

Привет! Делай пожалуйста побольше вижео среднего уровня, нубскими видео уже засорен весь интернет)) спасибо!!

[@satansdeer1]

Камон, я только что сам попробовал эту библиотеку, надо еще поразбираться

[@rtnjo6936]

please Maksim make tutorial nextjs+query like 3hr long)

[@satansdeer1]

Wow, 3hr long form now probably only if it would he a live stream

[@yangwang9320]

沙发

[@enshelf5614]

Nice job, however, the tutorial is outdated as RQ has a newer version and most of the methods have alternate access patterns.
e.g. useQueryCache.... =>>> useQueryClient, queryCache.invalidateQueries =>>>> queryClient.invalidateQueries

[@timuser8642]

Максим делай видео уроки по русский