Доброго времени суток.
У меня вопрос по правильной организации кода.
Задача такая. Получить данных по 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
}
}