Vladimir Lewandowski

https://redux.js.org/usage/code-splitting

При перерендоре LoggingButton, handleClick меняет ссылку

Нет.

Хук должен вызваться при рендере компонента, причём при каждом. У вас явно не так. Используйте useHistory в самом компоненте, а в эту функцию передайте через аргумент.

есть ли в принципе необходимость тестирования React, если все можно протестировать "глазами"?

Глазами все не получится, если приложение больше тудушки.

какие вы библиотеки используете при тестировании?

возможно вы знаете источники с примерами тестирования React основанных на функциональных компонентах?

React Testing Library.

Ещё нужно учитывать, что веб-приложение — это не только Реакт, а ещё сторы, асинхронная логика и все такое.

Вы в useEffect или ещё как-то повестили обработчик события на что-то (элемент, стор и т. д.), компонент размонтировался, а обработчик остался.

UPD:
Собственно, отвечу ещё на заголовок вопроса. Unmount — конец жизненного цикла компонента, он был убран из виртуального DOM, если упростить.

На () => void выдаёт ошибку

Конечно, выдаёт. У вас в useCallback функция с аргументом.

1. Используйте плагин для вашего сборщика, который автоматически будет вставлять импорт;
2. Или переезжайте на React 17 (Introducing the New JSX Transform).

С формулировкой вопроса что-то не то. При setMen(Men) не будет ре-рендера (состояние не изменится), потому что вы в сеттер передаёте тот же объект, который уже лежит в стейте (поскольку сравниваются объекты по ссылке, а изменение поля name ссылку не меняет).

При setMen({ ...Men }) вы передаёте копию (новый объект), поэтому будет ре-рендер. И Men.name = "dario2" тут ни при чем.

А правильный вариант в итоге такой:
setMan({ ...Man, name: 'new name' });

Про сравнение по ссылкам.

Похоже на ошибку ESLint. Гуглите в сторону выключения правил линтера.
Ну или добавьте dispatch в зависимости, на производительность это почти не повлияет.

Так а в чем проблема-то? Берёте массив из пропсов и сортируете.

const HousesList = (props) => {
  const { items } = props;

  const [sorting, setSotring] = useState(/* состояние сортировки */);

  const sortedItems = useMemo(
    () => items.slice().sort(/* логика сортировки */),
    [items, sorting],
  );

  /* дальше работаете с sortedItems */
};

return {
  ...state,
  [action.name]: action.value,
}

собрать с его разных частей, объединить, вычислить и тп и тд.

Это нужно делать в селекторах. Чтобы не пересчитывать лишний раз есть Reselect.

Я слегка запутался что может, а что не может делать глупый, умный компонент

Глупый может абсолютно все, кроме получения из стора и диспатча в стор напрямую. Умный вполне может отвечать за отображение данных, необязательно всегда создавать связку умный+глупый.

Типа такого:

// запрашиваете дома при маунте компонента.
useEffect(() => {
  dispatch(getHouses());
}, [dispatch]);

// запрашиваете историю при изменении houses.
useEffect(() => {
  dispatch(getHousesHistory(houses));
}, [dispatch, houses]);

Но лучше такую логику не в компонентах держать, а выносить во что-то вроде redux-saga.