![Слив платных курсов - скачать сливы курсов через торрент бесплатно! [Kursoff.net]](/data/assets/logo/Colorlogo-nobackground1.png){kind=logo}
Последние темы автора:
- [Оксана Трусова] [Stepik] Английский в быту (2025)
- [Мария Ипполитова] [stylist-kids] Осенний гайд для взрослых '25 (2025)
- [Petr009] Lego Инвестор. Заработок на Lego для каждого (2025)
- [Николай Цалко] Научись создавать вирусные ролики за 5 минут с помощью AI (2025)
- [Роман Овчаров] [Biomachine] Мышцы 20/80. Тариф Maximal (2025)
[Евгений Паромов] Как правильно интегрировать mobx и react-query
![[Евгений Паромов] Как правильно интегрировать mobx и react-query](https://kursoff.net/attachments/1781648817113-png.83610/ "[Евгений Паромов] Как правильно интегрировать mobx и react-query")
В определённый момент react-query сменил своё направление и превратился в @tanstack/react-query. Это означает, что его основное ядро было выделено в отдельный пакет @tanstack/query-core. Благодаря этому стали доступны vue-query, solid-query и svelte-query.
Однако, к сожалению, не существует хороших решений по интеграции react-query с менеджерами состояний. Эта интеграция является весьма очевидной потребностью. В сложных проектах работа через хуки становится обременительной. Хуки связывают нас с жизненным циклом компонентов (например, useEffect выполняется после рендера, useState выполняется в пакетном режиме, а жизненный цикл данных привязан к циклу жизни приложения).
По этой причине сложную логику очень важно вынести за пределы компонентов. Тут возникает проблема, поскольку в основной поставке react-query имеется лишь встроенная в приложение система реактивности.
Многие в такой ситуации либо отказываются от react-query, либо интегрируют его на наименее удобный способ через useEffect.
Поскольку наш проект базировался на mobx, я решил рассмотреть возможности интеграции react-query с mobx. К своему удивлению я обнаружил идеальную интеграцию. Похоже, словно react-query и mobx были созданы друг для друга.
Подробнее:
Описание курса:
В определённый момент react-query сменил своё направление и превратился в @tanstack/react-query. Это означает, что его основное ядро было выделено в отдельный пакет @tanstack/query-core. Благодаря этому стали доступны vue-query, solid-query и svelte-query.
Однако, к сожалению, не существует хороших решений по интеграции react-query с менеджерами состояний. Эта интеграция является весьма очевидной потребностью. В сложных проектах работа через хуки становится обременительной. Хуки связывают нас с жизненным циклом компонентов (например, useEffect выполняется после рендера, useState выполняется в пакетном режиме, а жизненный цикл данных привязан к циклу жизни приложения).
По этой причине сложную логику очень важно вынести за пределы компонентов. Тут возникает проблема, поскольку в основной поставке react-query имеется лишь встроенная в приложение система реактивности.
Многие в такой ситуации либо отказываются от react-query, либо интегрируют его на наименее удобный способ через useEffect.
Поскольку наш проект базировался на mobx, я решил рассмотреть возможности интеграции react-query с mobx. К своему удивлению я обнаружил идеальную интеграцию. Похоже, словно react-query и mobx были созданы друг для друга.
Подробнее:
