Оставляйте в комментариях темы, которые вы хотите, чтобы я разобрал в следующих видео! Приятного просмотра!) Tайм-коды: 00:00:00 О чем данное видео 00:00:28 Зачем нужен useLayoutEffect? 00:01:17 Пример 00:03:35 useEffect и useLayoutEffect
@user-wl9sf6uc5p3 жыл бұрын
Спасибо за видео! Но не хватает более подробной теории. Как минимум стоило описать процесс обновления DOM дерева с useEffect и useLayoutEffect
@bugaga8144 Жыл бұрын
1. 4:56 Это наверное прикол, они("значения") как бы схлопываются и мы бла бла бла, вот так он работает! Понятно как оно работает, осталось только автору видео. 2. 5:11 Перерендер не происходит, бля ТимЛид разберись как работает useState(), у тебя справа в консоле выводятся значения value и там видно что числа меняются, сразу могу подкинуть тему для следующего видео, что делает console.log(). А теперь объяснение как оно на самом деле работает: При использовании useEffect он срабатывает после того как компонент закончил монтирование в DOM дерево, useLayoutEffect срабатывает во время чтения компонента до его встраивания в DOM дерево
Такой молодой и уже тимлид. Уважуха. С 16 лет в iT что-ли
@user-jf2ic3up1k9 ай бұрын
А почему схлопываются вызовы? Батчинг?
@alexandryurkov91683 жыл бұрын
Спасибо, помог
@user-es2vr3cv1v3 жыл бұрын
Насколько я понял тут проблема в двойном перерендере потому что сначала 0 показывает на экране. А потом уже рэндом число и 2 раза рендерит, а Uselayout делает только последний рендер и ждет когда промежуточный обновится. Вопрос может быть в быстродействии и оптимизации. Он может подтормаживать и визуально пользователь будет видеть задержку, но зато без моргания