Вышло новое видео ⤵️
Как правильно интегрировать mobx и react-query
https://youtu.be/03o9pgRVX1o
В своё время 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 прям созданы друг для друга.
Тема сложная, поэтому задавайте свои вопросы в комментариях на ютуб. Отвечу завтра здесь на несколько из них 🙂
Как правильно интегрировать mobx и react-query
https://youtu.be/03o9pgRVX1o
В своё время 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 прям созданы друг для друга.
Тема сложная, поэтому задавайте свои вопросы в комментариях на ютуб. Отвечу завтра здесь на несколько из них 🙂