как в Redux Toolkit инициализировать какие то начальные и глобальные переменные
например как это написать с использованием Redux Toolkit.
кратко идет начальная инициализация переменных каторые нужны во всем проекте
import { createContext, FC, ReactNode, useContext, useEffect, useState } from 'react';
const Context = createContext<any>(null);
export const useGlobalContext = useContext(Context);
export const GlobalProvider: FC<{ children: ReactNode }> = ({ children }) => {
const [isFirst, setIsFirst] = useState<boolean>(false);
const [isSecond, setIsSecond] = useState<boolean>(false);
const [isThird, setIsThird] = useState<boolean>(false);
//.....
useEffect(() => {
const getFirst = async () => {
await Promise.resolve('something');
setIsFirst(true);
};
getFirst();
}, []);
useEffect(() => {
const getSecond = async () => {
await Promise.resolve('something');
setIsSecond(true);
};
getSecond();
}, []);
useEffect(() => {
const getThird = async () => {
await Promise.resolve('something');
setIsThird(true);
};
getThird();
}, []);
//.....
return (
<Context.Provider
value={{
isFirst,
isSecond,
isThird,
//......
}}
>
{children}
</Context.Provider>
);
};
оборачиваем App в провайдер и через useGlobalContext дастаем все что нужно (типизировать не стал полностю, для примера сгодится)
PC: надеюсь вариант реализации не будет таким что надо допустим в App диспатчить все потому как инкапсуляция инициализации проподет.