Natebash
@Natebash
React, Vue, Angular, Navite JS, Python / Node JS

Выбор архитектуры для сторы?

Всем привет, хочу услышать мнение знатоков redux.

Есть задача по созданию SPA. Хотел принести на проект redux toolkit + rtk query, С тулкит работал, с rtk сталкиваюсь первый раз. Накидал базовую структуру, все классно -
НО:

Столкнулся с рядом ограничений:

Первое, rtk query достаточно простой в логике, одна из задач которую нужно будет поддержать - это onUploadProgress

const config = {
        headers: { Authorization: token },
        baseURL: process.env.BASE_URL,
        signal: controller.signal,
        onUploadProgress: function (progressEvent) {    ------ // this
          const percentCompleted = Math.round(
            (progressEvent.loaded * 100) / progressEvent.total
          );
          dispatch(ploadAC(percentCompleted)); 
        },
      };


который есть нативно у библиотеки axios (позволит вынести в стору проценты для прогресса при загрузке файла).
Как я понял rtk qeuery использует под капотом fetch, и что бы запилить такую задачу нужно будет писать кастомную обертку для rtk query и прокидывать туда axios, иначе эту задачу не решить.
https://redux-toolkit.js.org/rtk-query/usage/custo...

Из плюсов которые хотел поиметь от rtk query - это встроенный loong pooling, который нужен будет для задачи с прослушиванием rest.
https://redux-toolkit.js.org/rtk-query/usage/polling

Вопрос: хочу узнать у знатоков - в каких случаях не стоит нести в проект rtk query, какие подводные камни могут еще возникнуть (может быть есть какой-то вариант реализовать задачу с onUploadProgress без внесения axios под капот rtk query.)

Либо же забить на rtk + toolkit и использовать просто redux thunk + axios?

Заранее спасибо, буду рад любым советам.
  • Вопрос задан
  • 76 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы