React Senior | Изучаем useLayoutEffect и callback Ref на реальном примере

preview_player
Показать описание
useLayoutEffect и callback Ref - Редкие гости в наших приложениях. Но есть ситуации в которых без них никуда, и отрисовка стрелок на диаграмме одна из таких

  1. Евгений Паромов | Front-end
Рекомендации по теме
React Senior | 0:25:22

React Senior | Изучаем useLayoutEffect и callback Ref на реальном примере

Когда используется useLayoutEffect 0:11:09

Когда используется useLayoutEffect в React?

Для чего нужен 0:08:10

Для чего нужен useLayoutEffect в React, простым языком

#36 Погружаемся в 0:19:33

#36 Погружаемся в useRef - ReactJS Полный курс

React Hooks – 0:26:07

React Hooks – разбор с теорией и примерами

Я был не 0:27:05

Я был не прав по поводу useEffect… документация React тоже?

ЧТО ТАКОЕ КОЛБЭК 0:26:13

ЧТО ТАКОЕ КОЛБЭК РЕФЫ И КАК Я ИХ ИСПОЛЬЗУЮ | CALLBACK REF | REACT HOOKS...

САМЫЙ ПОЛЕЗНЫЙ хук 0:35:28

САМЫЙ ПОЛЕЗНЫЙ хук для ОПТИМИЗАЦИЙ в React | React Hooks

useImperativeHandle | Как 0:17:30

useImperativeHandle | Как работает? Для чего нужен? Разбираемся на примерах...

React Hooks | 1:28:49

React Hooks | Как использовать на практике? Зачем нужны хуки, стоит ли переходить?...

Лучший способ работы 0:25:03

Лучший способ работы с таймерами в React

5 Советов, как 0:24:37

5 Советов, как проходить собесы с первого раза!

Что передать в 0:15:05

Что передать в key если нет Id? Создать Id!

Лучшая Front-end Архитектура 0:25:20

Лучшая Front-end Архитектура в 2023

Главное правило читаемости 0:17:44

Главное правило читаемости кода | Или как работает наш мозг...

Комментарии
Автор

коллега увидел что я смотрю твое видео и он тоже положил в закладки. контент топчик! теперь у нас есть общая тема - наблюдать за твоим 90-дневным чаленджем.

tanercoder
Автор

Привет, запиши пожалуйста подробное видео по javascript профайлингу, reflow/repaint и стадиях рендеринга (render tree, layout, paint, composite)!
Будет очень интересно и полезно!

wijionemaster
Автор

Евгений, спасибо за видео. Запиши видос по созданию микро простого приложения на реакте, но с наглядным применением принципов solid и правильной структурой файлов и папок с точки зрения архитектуры

sergv
Автор

Чет мне как для начинающего фронтендера это пока что тяжело для понимания... оставлю в закладках на потом, но контент ТОП, спасибо!

arendafamiliya
Автор

Круто! спасибо за такие продвинутые видео!!!

АнатолийГорбов-оь
Автор

Привет, а чего ты useimperativehandle на 15:20 не заюзал как в доке написано?

Dmitriy-bqxh
Автор

Почитал еще доку дополнительно, насколько понял useLayoutEffect блочит repaint браузера пока не выполняться запланированные обновления стейта в самом useLayoutEffect. То есть, после удаления ноды у нас происходит ререндер, но браузер его не repaint-ит потому что мы запланировали другое обновление в useLayoutEffect, и когда уже обновление стрелок произойдет, react скажет браузеру что пора выполнять repaint

АртемЛитвиненко-дц