Vladimir Lewandowski

Похоже, что конфиг airbnb не установлен.

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

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

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

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

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

Не очень понятно, что вам нужно.
Если найти количество уникальных id:

const getUniqueIdsCount = (arr) => arr.reduce(
  (acc, item) => acc.add(item.id),
  new Set(),
).size;

console.log(getUniqueIdsCount(config)); // -> 1

Если найти, сколько раз встречается определенный id:

const getIdsCountById = (arr, id) => arr.reduce(
  (acc, item) => item.id === id ? acc + 1 : acc,
  0,
);

console.log(getIdsCountById(config, 620847764)); // -> 4

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

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.

все производить уже "на месте".

Да, надо так. Иначе Home при любом изменении стора будет ререндерить всех детей. Если вынести логику из Home будет ререндерится только компонент, который использует конкретный кусок стора.

Только не запутайтесь потом, какие именно компоненты слушают стор, — разделяйте на компоненты и контейнеры.

1. Разделите actions.js на отдельные файлы;
2. Вынесете логику работы с бэком в отдельные файлы типа api.js;
3. Вынесите асинхронные экшны в отдельные файлы типа thunks.js (если у вас redux-thunk, по-хорошему асинхронные экшны должны через него проходить);
4. Используйте библиотеки-хелперы типа @reduxjs/toolkit.

Прототипом obj может быть Нечто, у которого прототип — Нечто2, у которого прототип уже Object. Цикл идёт до первого прототипа в цепочке.

UPD:

A comparison for equality with Object.prototype only works for objects that actually inherit from Object.prototype. This is not always the case for plain objects though, which might come from another realm - like an iframe - and inherit from the other realm's Object.prototype. To detect these, the code basically first searches for an Object.prototype-like (i.e. inheriting from null) object in the prototype chain of the argument, and then checks whether the argument directly inherits from that.

— источник.

Вам нужен debounce. Например, из lodash — lodash.com/docs/#debounce.

Как вариант, использовать ngrok — он позволяет расшарить localhost в интернет.

1. InversifyJS;
2. Делаете хук для получения сервиса из контейнера. Вот пример.