Получение данных по API и хранение в redux. React Js

Доброго времени суток.

У меня вопрос по правильной организации кода.

Задача такая. Получить данных по API, модифицировать (добавить флаги) записать их в хранилище и после чего их использовать.

Стек что использую: React Js, Redux, ts.

Т.к. страниц на сайте не будет, данные подтягивать нужно будет сразу с API. Правильно ли я сделаю, что обращение к API у меня будет не в компоненте, а напрямую из редюсера redux ? Если да, то как сделать так, чтобы обращение сработало сразу при старте redux? В какой момент делать обращение к API?

Пример кода редюсера:

import {ActionCreator, Reducer} from "redux";

export type RootState = {
    posts: object
}

const initialState = {
    posts: []
}

const POSTS = 'ANIME_POSTS'

type UpdateAnimePosts = {
    type: typeof POSTS
    posts: object
}

export const updatePosts: ActionCreator<UpdatePosts> = (posts) => ({
    type: POSTS,
    posts
})


export const rootReducer: Reducer<RootState> = (state = initialState, action) => {
    switch (action.type) {
        case POSTS:
            return {
                ...state,
                posts: action.posts
            }
        default:
            return state
    }
}