Тёмный
No video :(

Complete React Query course in an hour | TanStack Query v4 for beginners 

RED Group
Подписаться 68 тыс.
Просмотров 31 тыс.
50% 1

🔥 Get a premium subscription - htmllessons.ru...
❤️ Reviews here - t.me/htmllesso...
🦋 Our TG channel is t.me/redgroupc...
New big video on the channel, today I'm posting the complete React Query course for beginners. This material will allow you to learn React Query in an hour from scratch (only knowledge of React is important). Count it as 20 React Query lessons in one video. Last time I did a quick course on React Query, but it wasn't complete. I will also answer questions from viewers who meet for an interview at a Junior Front-end developer. We can say this is a fundamental course on React Query from A to Z. Enjoy watching! By the way, now it's React TanStack Query v4.
I hope you appreciate my efforts, please like and subscribe. 🔥 1500 likes and I continue the rubric of full courses.
If you have any questions about this topic - let me know in the comments!
Download 🖥 project folder - htmllessons.ru...
⚡️ List of intensives by subscription - htmllessons.ru...
☑️ Checklist "From zero to Senior front-end" - t.me/checklist...
VK- redgrou...
🍥 Theme in Editor/IDE - Icons: Symbol Icons; Theme: Panda Syntax; Font: Fira Code
🎹 Keyboard - NuPhy Halo65 / switch Night Breeze
If you have any questions about this topic - let me know in the comments!
00:00:00 - Why is React Query so cool?
00:06:51 - React Query is now TanStack Query
00:07:42 - Initialize the React application
00:11:15 - Connection to the project
00:12:09 - Global settings
00:14:45 - Where can I download the project?
00:15:21 - useQuery
00:23:15 - Axios react query
00:25:20 - Data transformation
00:28:54 - Why are services needed?
00:36:10 - Events onSuccess, onError
00:37:47 - Request subject to
00:38:45 - Other query options
00:39:24 - Custom hook
00:40:45 - Integrating TypeScript
00:42:28 - Pass argument to useQuery
00:43:40 - Importance of queryKey
00:44:53 - isLoading vs isFetching
00:46:20 - Data revalidation in several ways
00:52:23 - Default data
00:56:46 - useMutation (first mutation)
01:14:00 - onMutate vs onSettled
01:14:35 - mutate vs mutate async
01:15:11 - useIsFetching
01:16:48 - cacheTime vs staleTime
01:18:11 - Replacing Redux, Mobx, Zustand?
⚡️Closed club "5 am" - htmllessons.ru...
💡 Personal TG channel - t.me/hardmaxch...
👉 Useful links from the video:
Complete course on React - • Полный курс React JS д...
Full course on Next.js - • Полный курс по Next js...
Full course on Redux + RTK Query - • Полный курс Redux Tool...
👉 All links (+ editor setting) and information about me - redlinks.tech/
#ReactQuery #React #TanStackQuery #RedGroup

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

 

14 авг 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 64   
@REDGroup
@REDGroup Год назад
❤ВЕРСИЯ 2024 - ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_3eyfF_iJMY.html 🔥 Оформить премиум подписку - htmllessons.ru/premium Скачать 🖥 папку проекта - htmllessons.ru/storage#storage_file_80 Надеюсь Вы оцените мои старания, с Вас лайк и подписка. 🔥1500 лайков и я продолжаю рубрику полных курсов. Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
@lesok_
@lesok_ 9 месяцев назад
Спасибо большое за видео! Казалось бы, ролики не набирают миллионы просмотров, но как же они полезны для определённого круга людей. Вся твоя работа - это подвиг, любой другой человек бы просто съехал с колеи и начал бы пилить хайповые ролики про змейку на js ради сотен тысяч просмотров, а ты же насыщаешь нас качественной информацией и поддерживаешь в трендах фронтенда. Я очень сильно желаю, чтобы ты продолжал свою деятельность! Ролику лишь два месяца, а у TanStack уже пятая версия вышла) Но твой ролик очень помогает, так как показывает основной костяк библиотеки, а к разрозненностям в версиях легко адаптироваться благодаря документации, параметры хоть и другие, но функционал почти тот же
@REDGroup
@REDGroup 9 месяцев назад
Спасибо, такие слова очень ценны для меня 🙏
@user-wt5cr7xr1r
@user-wt5cr7xr1r Год назад
Windows👍 (14:20) ctrl + пробел - подсказки в vscode
@rewwok3n
@rewwok3n 2 месяца назад
спасибо большое, в вебшторме они автоматически показывались, а в вскоде выключил наверное случайно
@timurimbaaa
@timurimbaaa Год назад
Макс, реально лучший, уже все привыкли, что ты каждый день впахиваешь, встаёшь раньше всех и делаешь работу, реально красавчик, только такие люди добиваются высоких целей 🔥🔥🔥! Лучший IT канал в России точно
@lonviser4917
@lonviser4917 Год назад
Продолжай своё дело, спасибо за контент
@spermakonya
@spermakonya Год назад
onSuccess, onError - уже deprecated...
@REDGroup
@REDGroup Год назад
Странно, а что пришло на замену?
@spermakonya
@spermakonya Год назад
@@REDGroupтолько в юзквери, блог автора почитать надо, как я понял там ваще либо глобальный хендлер онеррор делать либо юзэффект
@user-xw3uj8ij6v
@user-xw3uj8ij6v 11 месяцев назад
вообще смена фокуса может нарушить консистентность данных для этого перезапрос стоит при смене фокуса) частая проблема в промышленных приложениях когда у сотрудника открыта куча вкладок, он в одной что то поменял потом переключился в другую вкладку и хоп, а там уже не актуальные данные или пошел попил чаек пришел пошел по вкладкам, а там уже нет этих данных так как другой сотрудник что то поменял на своем пк) поэтому я бы не советовал отключать эту фичу, так как он там не просто так) Для интернет магазинов и прочих сайтов со статикой мб и норм отключать)
@ivprok
@ivprok 3 месяца назад
Клад для начинающего Спасибо огромное за ваш труд
@STELLS541
@STELLS541 11 месяцев назад
Видос полезный. Когда-то работал с 3 версией реакт-квери и было интересно глянуть, что нового в 4 версии.
@artemorsha
@artemorsha 9 месяцев назад
Спасибо за крутой контент!!!
@semyonsubochev4284
@semyonsubochev4284 8 месяцев назад
Очень буду благодарен, если подскажите. 1 в 1 писал код и на select ругается, пишет Ожидалось аргументов: 1-2, получено: 3.ts(2554). Как это можно пофиксить?
@REDGroup
@REDGroup 8 месяцев назад
Синтаксис поменялся немного, смотрите в документации миграцию с 4 до 5 версии
@semyonsubochev4284
@semyonsubochev4284 8 месяцев назад
@@REDGroup спасибо за ответ!) и я поражен, что быстро так ответили)) лайк ;)
@James_218
@James_218 Год назад
Макс , спасибо за такое классное видео!
@REDGroup
@REDGroup Год назад
Пожалуйста, будем стараться!
@maksymshypytsia5217
@maksymshypytsia5217 Год назад
Спасибо вам, круто!!!
@user-br6nj4gn6q
@user-br6nj4gn6q 11 месяцев назад
Спасибо вам)))
@ggacr1221
@ggacr1221 Год назад
Топ ❤‍🔥
@etemax
@etemax Месяц назад
для NXTJS другой подход написания запросов? я правильно понимаю?
@REDGroup
@REDGroup Месяц назад
Тоже самое
@etemax
@etemax Месяц назад
@@REDGroup там же серверный рендеринг, по идее не будет работать
@REDGroup
@REDGroup Месяц назад
Там и клиентский и серверный. Просто use client пишешь где хочет вызвать хуки и все работает. В комментарии не смогу подробно расписать, чекайте наши видео и интенсивы на платформе
@etemax
@etemax Месяц назад
@@REDGroup спасибо за ответ, подписку оплатил, буду смотреть
@Andrew-ci4kw
@Andrew-ci4kw Год назад
привет, Макс, надеюсь ответишь, видел, что ты используешь trackpad, можешь сказать стоит ли переходить на него с мышки? и почему ты сам его используешь? если я ничего не напутал
@REDGroup
@REDGroup Год назад
Привет, конечно стоит. Скорость работы
@deltabin
@deltabin Год назад
Макс, попробуй пак иконок - JetBrains Icon Theme
@farkhad-rh
@farkhad-rh Год назад
Ееее топчик🔥 благодарим за шикарный контент!🔥🔥🔥
@user-hr8vo2jy5c
@user-hr8vo2jy5c 3 месяца назад
а что делать, если при мутации не генерируется автоматически id?
@Djarvic
@Djarvic Год назад
Лайк крутой спасибо за контент
@user-pj9mp5vd6n
@user-pj9mp5vd6n 11 месяцев назад
Макс, такой вопрос, если TanStack Query такой классный, почему про него ничего не слышно, насколько он вообще актуален и используется в реальной разработке? Недавно проходил обучение в IT компании, спросил у сеньйора про этот чуд инструмент, он сказал что никогда не пользовался, но штука выглядит удобно. И еще такой вопрос, стоит ли джуну использовать в своих проектах этот инструмент? Спасибо за твой контент!
@REDGroup
@REDGroup 11 месяцев назад
Конечно стоит. Просто большинство компаний на легаси технологиях и им сложно переходить на новые инструменты, много нужно переписывать. Но это точно будущий тренд, так как асинхронная замена редакса
@Trulalandia
@Trulalandia 9 месяцев назад
Шарящие люди еще 3 года назад на него перешли)
@OKSANA_WebDevelepment
@OKSANA_WebDevelepment Год назад
о, я ждала это видео, спасибо))
@WebTripBlog
@WebTripBlog Год назад
Коммент в поддержку канала! Спасибо тебе за то, что ты делаешь)
@user-ne2kt8lb7g
@user-ne2kt8lb7g 3 месяца назад
а зачем нужны данные по умолчанию?
@user-br6nj4gn6q
@user-br6nj4gn6q 11 месяцев назад
Огромное спасибо,с огромным удовольствием куплю интенсивы
@REDGroup
@REDGroup 11 месяцев назад
Пожалуйста
@alexset6010
@alexset6010 Год назад
на винде подсказки через Ctrl + Space
@MathsIsSample
@MathsIsSample Год назад
Кстате будут уроки по созданию своих фреймворков на чистом js?
@REDGroup
@REDGroup Год назад
Это очень тяжелая работа, на сайте есть интенсив JavaScript для всех, там я написал огромный фреймворк только на js htmllessons.ru/int/show/7
@user-jn5ki7uu7t
@user-jn5ki7uu7t Год назад
Лучшее видое которого я ждал . Спасибо за такой годный контент .
@user-hz3tr9bu1h
@user-hz3tr9bu1h Год назад
а почему в телеграме закрыто комменнтирование? плохие отзывы?
@REDGroup
@REDGroup Год назад
Я хочу сохранять чистоту в своем доме, не хочу тратить энергию на чистку комментариев в телеге. Мы набираем большие обороты и многим это не нравится.
@REDGroup
@REDGroup Год назад
Сейчас основное общение у нас в VIP чате проходит
@mr.zxzxzxz3816
@mr.zxzxzxz3816 Год назад
отдуши душевно в душу 👍
@gleb_90
@gleb_90 Год назад
Классный монтаж, выглядит свежо!
@limaboats
@limaboats Год назад
Офигительный контент. 🎉 Надеюсь на аналогичный по firebase
@eamarc
@eamarc 9 месяцев назад
для полноты курса не хватает рассказа о модификациях запросов. Например, как пробросить токен авторизации...
@REDGroup
@REDGroup 9 месяцев назад
Токен авторизации пробрасывается на другом уровне, а не у реакт query. В axios или fetch
@eamarc
@eamarc 9 месяцев назад
@@REDGroup ок спасибо. Думал, может мидлварь какая-нибудь может пробрасываться в запросы реакт query для этого.
@denchik421-d7b
@denchik421-d7b 11 месяцев назад
Крутой видос!
@forckes
@forckes Год назад
Топчик🚀🚀🚀🚀🚀
@marianamatviienko4645
@marianamatviienko4645 Год назад
как раз хотела учить узнавать что тут да как😁 с видео будет намного проще разобраться) next 13.4 будет? жду очень на самом деле☺
@REDGroup
@REDGroup Год назад
Будет, но не сейчас
@dariaikon8911
@dariaikon8911 Год назад
Кстати, интересно что библиотека react-table ушла под tanstack
@REDGroup
@REDGroup Год назад
Не пользовался ни разу, надо чекнуть
@DikusEx
@DikusEx Год назад
Ждем про Shadcn ui и NextJs 13
@user-by3dn5ot4e
@user-by3dn5ot4e Год назад
Ждём Jest ❤
@MathsIsSample
@MathsIsSample Год назад
первый
@user-bf8sh3nn5y
@user-bf8sh3nn5y Месяц назад
Зачем ты банишь канал tanStack ?
Далее
NOOOO 😂😂😂
00:14
Просмотров 10 млн
ВОДЯНОЙ ПИСТОЛЕТ ЗА 1$ VS 10$ VS 100$!
19:09
Почему Redux больше не нужен?
9:41
React и Next js убивают фронтенд!
9:11
NOOOO 😂😂😂
00:14
Просмотров 10 млн