Найти в Дзене
CodeSnack

⚛️ React Перекус: Что такое useCallback?

useCallback — это хук, который возвращает мемоизированную версию функции, сохраняющуюся между рендерами. Это полезно, если вы передаёте функцию в компонент, зависящий от неё (например, дочерний компонент или хуки). useCallback предотвращает создание новой функции при каждом рендере компонента, что помогает оптимизировать производительность. 🔧 Пример: Когда функция передается как пропс дочернему компоненту, чтобы избежать ненужного рендера. Когда функция используется в зависимости в useEffect или других хуках. Не применяйте без необходимости — если функция не передаётся дальше или не вызывает лишних ререндеров, использование useCallback не принесёт пользы и лишь усложнит код.
Оглавление

useCallback — это хук, который возвращает мемоизированную версию функции, сохраняющуюся между рендерами. Это полезно, если вы передаёте функцию в компонент, зависящий от неё (например, дочерний компонент или хуки).

💡 Когда использовать useCallback?

useCallback предотвращает создание новой функции при каждом рендере компонента, что помогает оптимизировать производительность.

🔧 Пример:

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

🚀 Где использовать useCallback?

Когда функция передается как пропс дочернему компоненту, чтобы избежать ненужного рендера.

Когда функция используется в зависимости в useEffect или других хуках.

⚠️ Где НЕ использовать useCallback?

Не применяйте без необходимости — если функция не передаётся дальше или не вызывает лишних ререндеров, использование useCallback не принесёт пользы и лишь усложнит код.