как в 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 диспатчить все потому как инкапсуляция инициализации проподет.


Ответы (0 шт):