evolution
community
КартаПродолжить учитьсяПроекты
Как правильно интегрировать mobx и react-query

Как правильно интегрировать 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 прям созданы друг для друга.

Начать

Уроки (1)

1. Видео

Что дальше? (1)