Работа хука:
хук принимает в себя 2 аргумента:
1) Обязательный: callback функция (я её беру из своего api сервиса) которая должна вызываться в triggerFetch и useEffect после чего отдать данные
2)Опциональный: сам же аргумент который прилетает в эту же функции.
(в хуке думаю разберетесь);

Примеры использования

1 Вариант использования:
const { getPopularItemsList } = service;
const { data, loading, triggerFetch } = useData(getElementById, 5);


2 Вариант использования где-то в другой части приложении где я спускаю triggerFetch:
const { getElementById } = service;
 <button onClick={() => triggerFetch(getElementById, 2)}> Получить 2 элемент</button>


Пример фукнций в сервисе
getElementById = async id => {
   const res = await this._getResource(`${baseUrl}/lookup.php?i=${id}`);
   return res;
 };


Сама реализация хука:
import { useState, useEffect, useCallback } from 'react';

const useData = (requestData, arg) => {
 const [data, setData] = useState(null);
 const [loading, setLoading] = useState(false);
 const [error, setError] = useState(false);

 const triggerFetch = useCallback(() => {

   return requestData(arg);
 }, [requestData, arg]);

 useEffect(() => {
   let cancelled = false;
   // setLoading(true);

   triggerFetch().then(response => {
     if (!cancelled) {
       setData(response);
       setLoading(false);
     }

   }).catch(err => setError(true));

   return () => { cancelled = true };
 }, [triggerFetch]);

 return { data, loading, error, triggerFetch };
}

export default useData;

Это не есть сам редьюсер?

Если не ошибаюсь то {reducers : {logged_in:false,...}} в initstate передай

Кто как изучает новую информацию по программированию ? Интересно услышать разные методы, т.к. у меня прогресс в обучении еле-еле идёт, хотя посвящаю время регулярно

Он про другое. Если ты используешь preloadState в createStore, то его струтура должна быть

{
   [reducer id]: reducer initial state
...
}

ты ошибаешься, в createStore передается reducers, initstate отдельно

{
   [reducer id]: reducer initial state
...
}

😑

т.е. initialState должен быть
{
 localize: {.....},
 reducers: {.....}
...
}

{
   [reducer id]: reducer initial state
...
}

то есть редюсеры и в комбайне и в initstate

в combine - объект с редюсерами, в initState - объект с их стейтом

Думаю так будет нагляднее

@darkdeal_net initState, как и middlewares - это опциальные параметры, никто не запрещает использовать initState у каждого конкретного редюсера

не понял, что значит сам редюсер и его стейт, где грань?

preloadState - не зря называется preload, это вариант, когда у тебя состояние приходит с сервера, например, при SSR. В нормальной ситуации, достаточно initialState в самом редюсере

Сложно без сандбокса определить, надо идти от обратного если useEffect не вызвался значит депс не изменились, значит ссылка на triggerFetch не изменилась, значит параметры не изменились, в эту сторону смотри...

в этом и проблема, параметры то изменились..Гуглил не нашёл ничего подобного. У меня есть такой же хук только вся логика в triggerFetch а не в эфеекте как сейчас, но так я уже не смогу избавится от утечек памяти в анмаунтинге..(что тоже очень важно)

Ну вот пример из доки

Смотри ты doFetch ретернул с кастомного хука, а использовал в компонентах triggerFetch и плюс у тебя в triggerFetch 2 параметра в примере, но ты их в функции triggerfetch в твоем кастомном хуке не указал же