Правильная интеграция React query + Mobx | Объединяй, а не выбирай

  Рет қаралды 3,626

Евгений Паромов | Front-end

Евгений Паромов | Front-end

Күн бұрын

Пікірлер
@supernubb
@supernubb 3 ай бұрын
Евгений, вы супер, чаще выпускайте материал!!!
@g_a_m_b_e_t_t_o_r8920
@g_a_m_b_e_t_t_o_r8920 4 ай бұрын
Очень полезные и не стандартные видео у тебя !! Хотелось бы еще увидеть mobx с react ts продвинутый курс . А так спасибо большое за твой труд !! Удачи в развитие канала.
@ЕвгенийНекрасов-ч8ж
@ЕвгенийНекрасов-ч8ж 2 ай бұрын
Это был бы топ #react #mobx
@alekseybord5373
@alekseybord5373 3 ай бұрын
Интересный подход! Только не особо понятны преимущества такой сложной интеграции, ведь queryClient к react не привязан и его можно в сторе использовать типа users = queryClient.fetchQuery(...)
@ПользовательПользователь-с8к
@ПользовательПользователь-с8к 3 ай бұрын
Думаю, преимуществ в такой интеграции нет
@sashapticin
@sashapticin 3 ай бұрын
Оч круто, сейчас буду лезть в исходники Mobx и ReactQuery, чтобы лучше понять как это все работает. А после еще раз пересмотрю твое видео у буду пробовать реализовать это все, но осознанно 😄 Тебе большой респект ❤ Подскажи, в твоем сообществе много такого контента?
@АнатолийГорбов-о1ь
@АнатолийГорбов-о1ь 2 ай бұрын
Жень привет, а ты с эффектором не работал?
@АнатолийГорбов-о1ь
@АнатолийГорбов-о1ь 2 ай бұрын
А так видос супер, обожаю реакт-квери, и все думал с каким то стейтменеджером его интегрировать, думал про эффектор, так как с ним поработал, очень понравился, но надо смотреть как он будет в долгосрок на проекте, пока тока мвп)) спасибо за видос, попробую использовать эти знания по РК для интеграции, а может и мобХ попробую, у тебя кстати по мобХ нету видоса или курса, может в сообществе планируешь сделать такой, как недавно выпустил по реакт квери?
@art7653
@art7653 4 ай бұрын
мозг не взорвался, спасибо
@deanArtDev
@deanArtDev 3 ай бұрын
Спасибо за видео, очень позновательно. Кажется кеширование не работает, запросы /user улетают с одинаковыми queryKey. Код не запускал, но по видео сложилось такое впечатление
@Лаурахит
@Лаурахит Ай бұрын
А кто то пробовал подобное реализовать для для InfiniteQuery. Что то весь мозг сломал с этими типами. Что интересно работает правильно, но эта типизация просто никак не хочет типизироваться)
@ЕвгенийНекрасов-ч8ж
@ЕвгенийНекрасов-ч8ж 2 ай бұрын
Зачем использовать tanstack query, если get поля методов помечаются под капотом декаратором computed => computed зависит от observable (то есть свойств, в данном случае массив Users) => computed свойства и так кэшируются(написано в доке mobx) - если у нас observable не изменился, от которого он зависит
@ЕвгенийНекрасов-ч8ж
@ЕвгенийНекрасов-ч8ж 2 ай бұрын
@tanercoder1915 Мог бы ответить на вопрос, который я задал автору, но, так как ты опытный в этом инструменте, то и тебе задам. А мне ,возможно, скоро предстоит на нем писать. Если я правильно понял концепцию и описал ее выше..
@paromovevg
@paromovevg 2 ай бұрын
Тут решается другая проблема - что бы при обращении к полю в компоненте, данные автоматически загружались без использования useEffect Оптимизации перерисовки были и есть в любом случае
@romanchebotaev_frontendblog
@romanchebotaev_frontendblog 3 ай бұрын
Мозг взрывается вдвойне у тех, кто не работал с react-query и MobX трогал когда то давно)
@andreyplatov2758
@andreyplatov2758 2 ай бұрын
всего 132 лайка, странно. материал урока крайне полезен
@kimanowka
@kimanowka 4 ай бұрын
А ты можешь рассказать, в каких случаях такой тандем может понадобиться? Потому что , вроде как, tanstack со своим кешированием, ревалидацией данных покрывает большинство кейсов
@RussianFrontend
@RussianFrontend 3 ай бұрын
как минимум, чтобы держать view чистой, отдельно от логики, вся логика будет в mobx классах сложные вещи как правило пишутся на классах без хуков, используя ООП паттерны проектирования, Mobx гибкий и отлично для них подходит
@deanArtDev
@deanArtDev 3 ай бұрын
@@RussianFrontend и без mobx view может быть чистый. Когда у тебя начинается агрегация сторов илил инеькция стора в стор, тогд mobx классы тановятся очень грязными и тяжело читаемыми =(
@xxxxxxxeeeeeeeeee
@xxxxxxxeeeeeeeeee 2 ай бұрын
@@RussianFrontend а не проще сразу взять mobx?
@kusov4748
@kusov4748 Ай бұрын
@@RussianFrontendхуки как раз и являются адаптерами к доменной логике. Божечки мои 😥
@ssssed91
@ssssed91 4 ай бұрын
а ты можешь поделиться свой nvim конфигурацией?
@paromovevg
@paromovevg 4 ай бұрын
NvChad
@владимиркарпов-т4ъ
@владимиркарпов-т4ъ Ай бұрын
easy motion установи
@ВсеволодРусинский
@ВсеволодРусинский 4 ай бұрын
Круто!
@symasaiti
@symasaiti 4 ай бұрын
Ждем интеграцию react query с zustand
@tanercoder1915
@tanercoder1915 4 ай бұрын
Моск умер на 15й минуте.😅 Хотя уже год пишу на MobX. Хоть и без React Query . У нас простой axios для запросов. Спасибо!
@DamirKipkaev
@DamirKipkaev 4 ай бұрын
result - резАлт !
@sam_borski
@sam_borski 3 ай бұрын
результ
@Rasty_Boss
@Rasty_Boss 2 ай бұрын
Инфо-цыган, даже код весь не может показать, хочет продать за подписку
@kusov4748
@kusov4748 Ай бұрын
Зачем mobx если есть react query и наоборот? Размер бандла скажет спасибо
@paromovevg
@paromovevg Ай бұрын
Потому что эти инструменты решают разные задачи? На mobx можно делать запросы к серверу, но всё придётся реализовывать руками. На tanstack-query клёво делать запросы, но других проблем, которые решает state manadger он не решает. Размер бандла это отдельная тема, причём очень сложная. Например все говорят про размер инструмента, но не говорят про колличество клиентского кода, который получается на нём. В этом смысле react-query может, даже экономить бандл, в некоторых кейсах. И не везде размер бандла это определяющий показатель
@kusov4748
@kusov4748 Ай бұрын
@@paromovevgпосмотрел видео) не знаком с mobx. Получилась хорошая обвязка на первый взгляд. Лайк
@AlexyRumyantsev
@AlexyRumyantsev 3 ай бұрын
будущий react compiler собирается банить mobx
@gatos-su
@gatos-su 2 ай бұрын
Мобх можно забанить, только если забанить useEffect)
@OlegMaximenko-l7e
@OlegMaximenko-l7e 3 ай бұрын
все круто, но блин, учите английский
@VladislavPerfilov
@VladislavPerfilov 14 күн бұрын
36 минут пустой болтовни. Исходников нет. Это скам
Почему FSD/SOLID/ООП не работает? Как писать хороший код?
18:00
Евгений Паромов | Front-end
Рет қаралды 7 М.
ТОП 7 Антипаттернов React. Ошибки, которые УГРОБЯТ твой проект
1:14:50
UFC 310 : Рахмонов VS Мачадо Гэрри
05:00
Setanta Sports UFC
Рет қаралды 1,2 МЛН
How to treat Acne💉
00:31
ISSEI / いっせい
Рет қаралды 108 МЛН
Chain Game Strong ⛓️
00:21
Anwar Jibawi
Рет қаралды 41 МЛН
Каха и дочка
00:28
К-Media
Рет қаралды 3,4 МЛН
React, Typescript | Senior комментирует 3 реализации todo-list
1:00:58
Евгений Паромов | Front-end
Рет қаралды 4,1 М.
3 правила использования React Query
23:04
Евгений Паромов | Front-end
Рет қаралды 9 М.
Combining Zustand with React Query
20:24
Cosden Solutions
Рет қаралды 30 М.
Selfhosted замена Vercel | Деплой React/Express приложения на VPS
32:40
Евгений Паромов | Front-end
Рет қаралды 3 М.
Разбор Tanstack Router - убийца React Router
28:08
PurpleSchool | Anton Larichev
Рет қаралды 10 М.
Правила быстрого обучения, которые ТЕБЕ НЕ ПОНРАВЯТСЯ
21:28
Евгений Паромов | Front-end
Рет қаралды 10 М.
UFC 310 : Рахмонов VS Мачадо Гэрри
05:00
Setanta Sports UFC
Рет қаралды 1,2 МЛН