#5: React Hooks — useCallback

📢 Платный курс по ReactJS с наставником: https://mentor.archakov.im/landing.html

❤️ Поддержка:
— Patreon:   / archakovblog  
— Донаты: https://www.donationalerts.com/r/arch...

Советую сначала посмотреть, как работает useEffect, useRef и useMemo, чтобы понять принцип работы хука useCallback.

📢 О чём я буду рассказывать?
Я решил сделать новый курс по React-хукам и рассказать подробно о том, как работает каждый хук. В данном видео, я рассказываю о хуке useCallback.

Видео по остальным хукам:
- useState:    • #1: React Hooks — useState  
- useEffect:    • #2: React Hooks — useEffect (классовы...  
- useRef:    • #3: React Hooks — useRef  
- useMemo + React.memo:    • #4: React Hooks — useMemo + React.memo  

❓ Кому подойдёт этот курс?
Для начинающих, которые только начали изучать ReactJS и для тех, кто изучает более 3-х месяцев.

На каждый хук, есть отдельная ветка в репозитории ниже. Просто кликаете по "Branch" и выбираете нужный хук.
Ссылка на GitHub: https://github.com/Archakov06/react-h...

0:00 - Начало
0:47 - Пример приложения с проблемой
2:45 - Решение проблемы и детальное объяснение потери ссылки на функцию
4:56 - Оборачиваем функцию с помощью useCallback
11:47 - Используем useCallback и useRef для получения актуальных данных
15:26 - Второй пример, в котором мы решим лишний ререндер с помощью React.useCallback + React.memo
22:09 - Почему не надо оборачивать все с помощью useCallback, useMemo и React.memo

🔗 Следите за обновлениями и информацией в:
— Telegram-канале: https://t.me/archakov_im
— VK: https://vk.com/archakov_im
— Личном блоге: https://archakov.im
— GitHub: https://github.com/Archakov06
— Моё резюме: https://career.habr.com/archakovim