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

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

useMemo - кеширует результат вычислений, избегая повторных вычислений при одинаковых зависимостях.

useCallback - мемоизирует колбэки, предотвращая создание новых функций при каждом рендере.

const MemoizedComponent = React.memo(MyComponent);

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

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

Также можно использовать shouldComponentUpdate в классовых компонентах.