React Senior | Изучаем useLayoutEffect и callback Ref на реальном примере
HTML-код
- Опубликовано: 8 фев 2025
- useLayoutEffect и callback Ref - Редкие гости в наших приложениях. Но есть ситуации в которых без них никуда, и отрисовка стрелок на диаграмме одна из таких
Подписывайтесь на мой telegram канал: t.me/cleanfron...
Исходники видео: codesandbox.io...
коллега увидел что я смотрю твое видео и он тоже положил в закладки. контент топчик! теперь у нас есть общая тема - наблюдать за твоим 90-дневным чаленджем.
Привет, запиши пожалуйста подробное видео по javascript профайлингу, reflow/repaint и стадиях рендеринга (render tree, layout, paint, composite)!
Будет очень интересно и полезно!
Евгений, спасибо за видео. Запиши видос по созданию микро простого приложения на реакте, но с наглядным применением принципов solid и правильной структурой файлов и папок с точки зрения архитектуры
Круто! спасибо за такие продвинутые видео!!!
Почитал еще доку дополнительно, насколько понял useLayoutEffect блочит repaint браузера пока не выполняться запланированные обновления стейта в самом useLayoutEffect. То есть, после удаления ноды у нас происходит ререндер, но браузер его не repaint-ит потому что мы запланировали другое обновление в useLayoutEffect, и когда уже обновление стрелок произойдет, react скажет браузеру что пора выполнять repaint
По сути отображение происходит чуть позже чем с useEffect, потому что мы ждем пока обновятся стрелки, но визуально это происходит одним repaint'ом
Чет мне как для начинающего фронтендера это пока что тяжело для понимания... оставлю в закладках на потом, но контент ТОП, спасибо!
Круто, спасибо
Привет, а чего ты useimperativehandle на 15:20 не заюзал как в доке написано?
А почему id это строки, а не числа?