Какими средствами можно заблокировать ререндер

Для блокировки ререндеров в React можно использовать:

1. React.memo — мемоизирует компонент, предотвращая ререндер при неизменных пропсах:

const MemoComponent = React.memo(Component);

2. useMemo — кэширует вычисления:

const memoizedValue = useMemo(() => computeExpensiveValue(a, b), [a, b]);

3. useCallback — сохраняет ссылку на функцию:

const memoizedCallback = useCallback(() => { doSomething(a, b) }, [a, b]);

4. shouldComponentUpdate (для классовых компонентов):

shouldComponentUpdate(nextProps, nextState) {
  return this.props.value !== nextProps.value;
}

Важно: не злоупотреблять оптимизациями, так как они сами по себе потребляют ресурсы. Оптимизировать стоит только "узкие" места приложения.