Нестандартное применение хука useInsertionEffect | React

Опубликовано: 23 Октябрь 2024
на канале: Ayub Begimkulov

3,076

191

В данном видео я поделюсь немного не стандартным применением хука useInsertionEffect для обновления ваших рефов. Разберем, почему нужно обновлять рефы внутри эффектов, как работает сам хук useInsertionEffect, и почему я советую использовать именно его для этой задачи.

Telegram-канал:
https://telegram.me/ayub_begimkulov_c...

Видео про хук useLatest:
• САМЫЙ ПОЛЕЗНЫЙ хук для ОПТИМИЗАЦИЙ в ...

Видео про колбэк-рефы:
• ЧТО ТАКОЕ КОЛБЭК РЕФЫ И КАК Я ИХ ИСПО...

Код из видео:
https://github.com/Ayub-Begimkulov/yo...

Таймкоды:
00:00 - Интро
00:20 - Где я нашел применение хуку useInsertionEffect?
01:16 - Для чего нужен хук useLatest?
03:41 - Почему нельзя обновлять ref без эффекта?
05:08 - Смотрим на схемы рендеринга React
06:03 - Почему нельзя использовать useLayoutEffect?
07:31 - Пример, где useLayoutEffect поведет за собой баги
10:36 - Для чего задумывался хук useInsertionEffect?
12:08 - Флоу рендеринга компонентов с хуком useInsertionEffect
12:56 - Заключение