Полный курс по react-query ⤵️



https://youtu.be/K5-a-wjURrc



Я очень люблю react-query. Это один из тех инструментов, которые просто хорошо делают свою работу.

И не пытаются собой всё пространство занять.



Помню, как я в своё время наткнулся на этот инструмент. Мне надоело делать одно и то же и писать isLoading, error, data. Сначала написал свой кастомный хук, а после подумал: "неужели никто не решал эту задачу до меня?".



Господи, сколько я сэкономил времени и сил, когда начал делать запросы специализированным инструментом



Но, к сожалению, у react-query есть проблема. В сложных приложениях его сложно использовать правильно.



Часто делают как-то так:



const { data } = useQuery();

useEffect(() => dispatch(setData(data)), [data])




И это самое, что ни на есть жестокое нарушение Single source of truth, которое ведёт к багам и проблемам.



Этот курс — моя попытка дать в достаточно простом и понятном виде базу tanstack query, в которую вшита моя идеология работы с tanstack.

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





Кто уже работал с tanstack — советую сразу по тайм кодам идти ближе к концу, где я показываю интеграцию с redux. Также советую обратить ваше внимание на тайм-коды с пометкой [ВАЖНО]





Приятного просмотра, друзья)