Как выполнить несколько ассинхронных операций в redux toolkit?

Question

[Roger Martino]

Добрый день!

Перешел в React после Vue и совсем непонятна запутанная логика ассинхронных операций.
Использую Redux Toolkit.
Возможно ли строить логику по самому интуитивному принципу?
Например:

state.isLoading = true
await fetch1()
await fetch2()
state.isLoading = false

То есть последовательно с ожиданием завершения некоторого вызова АПИ (чтобы получить его результат) и изменением состояния для индикации загрузки.
В Redux toolkit нашел работающие примеры для одного такого вызова. А если я хочу контролировать их последовательность и иметь глобальный isLoading для множества АПИ вызовов?

Comments

[WbICHA]

В Redux toolkit нашел работающие примеры для одного такого вызова.

А что мешает сделать там 2 вызова?

А ещё всегда можно перейти на нормальные стейт менеджеры.)

[Roger Martino]

WbICHA, А как можно внутри createAsyncThunk вызвать то, что получается из createApi?

(Про какие нормальные стейт менеджеры вы говорите?)

[WbICHA]

Roger Martino, а хз. Я даже с надстройками редакса не работал, не то, что с самим редаксом.

(Про какие нормальные стейт менеджеры вы говорите?)

Любой, что не редакс. Или хотя бы не чистый редакс. MobX, React Query, zustand, effector и т.д.

[Shavadrius]

Promise.all(query1, query2, queryN).then(() => { state.isLoading = false})

Можете в эту сторону покопать. Все промисы объединяются в один.