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

В данном видео я поделюсь немного не стандартным применением хука useInsertionEffect для обновления ваших рефов. Разберем, почему нужно обновлять рефы внутри эффектов, как работает сам хук useInsertionEffect, и почему я советую использовать именно его для этой задачи. Telegram-канал: https://telegram.me/ayub_begimkulov_c... Видео про хук useLatest:    • САМЫЙ ПОЛЕЗНЫЙ хук для ОПТИМИЗАЦИЙ в React...   Видео про колбэк-рефы:    • ЧТО ТАКОЕ КОЛБЭК РЕФЫ И КАК Я ИХ ИСПОЛЬЗУЮ...   Код из видео: 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 - Заключение

Мемоизация в REACT • React.memo • Как мемоизировать компоненты в react и как это работает?
▶︎

Мемоизация в REACT • React.memo • Как мемоизировать компоненты в react и как это работает?

Learn React Hooks: useEffect - Simply Explained!
▶︎

Learn React Hooks: useEffect - Simply Explained!

Принципы тестирования frontend приложений
▶︎

Принципы тестирования frontend приложений

Новые хуки useTransition и useDeferredValue в React 18
▶︎

Новые хуки useTransition и useDeferredValue в React 18

Чистая архитектура на практике ASP.NET Core: Проектируем Persistence | Часть 2
▶︎

Чистая архитектура на практике ASP.NET Core: Проектируем Persistence | Часть 2

Разбираемся в синтетической системе ивентов React
▶︎

Разбираемся в синтетической системе ивентов React

Learn React Hooks: useContext - Simply Explained!
▶︎

Learn React Hooks: useContext - Simply Explained!

React 19: Новые хуки, которые вы ждали
▶︎

React 19: Новые хуки, которые вы ждали

ASMR Addictive Fast Tapping Collection For Deep Sleep & Anxiety Relief (No Talking) — 2.5 Hours
▶︎

ASMR Addictive Fast Tapping Collection For Deep Sleep & Anxiety Relief (No Talking) — 2.5 Hours

Learn React Hooks: useMemo - Simply Explained!
▶︎

Learn React Hooks: useMemo - Simply Explained!

248 DIOS TE DICE HOY: NADA ES IMPOSIBLE PARA MÍ | CONFÍA EN DIOS
▶︎

248 DIOS TE DICE HOY: NADA ES IMPOSIBLE PARA MÍ | CONFÍA EN DIOS

I Cannot Believe React Made A Hook For This
▶︎

I Cannot Believe React Made A Hook For This

Устраиваюсь кодером НЕ УМЕЯ кодить [ Пранк работодателей ]
▶︎

Устраиваюсь кодером НЕ УМЕЯ кодить [ Пранк работодателей ]

Device Searches 2026: What the FSB Looks for at the Border and How to Hide Your Data
▶︎

Device Searches 2026: What the FSB Looks for at the Border and How to Hide Your Data

React 18 useTransition Hook Crash Course
▶︎

React 18 useTransition Hook Crash Course

React useSyncExternalStore: Стейт менеджер за 55 строчек кода
▶︎

React useSyncExternalStore: Стейт менеджер за 55 строчек кода

Learn useMemo In 10 Minutes
▶︎

Learn useMemo In 10 Minutes

Learn useEffect In 13 Minutes
▶︎

Learn useEffect In 13 Minutes

ALL React Hooks Explained in 12 Minutes
▶︎

ALL React Hooks Explained in 12 Minutes

НОВЫЙ REACT 18 ВЫШЕЛ
▶︎

НОВЫЙ REACT 18 ВЫШЕЛ