В данном виде мы поговорим про самый полезный хук для оптимизаций в React. Разберемся, что это за хук, как его использовать и чем он может нам помочь оптимизировать наши компоненты.
Ссылка на статью про useRef:
frontarm.com/daishi-kato/use-ref-in-concurrent-mode/
Ссылка на видео про дженерики:
ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE--AxxfhR95oQ.html
Плейлист по TS:
ru-vid.com/group/PL8fK_R8Bd4mgR7p72qguSqpEwrPwMR4-8
Код из видео:
github.com/Ayub-Begimkulov/youtube-tutorials/tree/master/react-hooks/lessons/use-ref
Таймкоды:
00:00-00:26 - Интро
00:26-01:24 - Что это за хук и как он работает?
01:24-03:15 - Понимаем useRef.
03:15-05:48 - Пример проблемы с рендерами.
05:48-07:52 - Решение через useRef.
07:52-10:35 - Выносим логику в хук useLatest.
10:35-16:16 - useWindowEvent
16:16-20:01 - useEvent
20:01-21:30 - useIsMounted
21:30-26:06 - usePrevious
26:06-29:36 - Кастомная проверка deps у хуков - проблема
29:36-33:02 - Кастомная проверка deps у хуков - решение
33:02-35:02 - useCustomCompare
35:02-35:27 - Заключение
13 апр 2023