Учим useLayoutEffect за 6 минут - React Hooks

[@-javascript2665]

Оставляйте в комментариях темы, которые вы хотите, чтобы я разобрал в следующих видео! Приятного просмотра!) Tайм-коды: 00:00:00 О чем данное видео 00:00:28 Зачем нужен useLayoutEffect? 00:01:17 Пример 00:03:35 useEffect и useLayoutEffect

[@bugaga8144]

1. 4:56 Это наверное прикол, они("значения") как бы схлопываются и мы бла бла бла, вот так он работает! Понятно как оно работает, осталось только автору видео. 2. 5:11 Перерендер не происходит, бля ТимЛид разберись как работает useState(), у тебя справа в консоле выводятся значения value и там видно что числа меняются, сразу могу подкинуть тему для следующего видео, что делает console.log(). А теперь объяснение как оно на самом деле работает: При использовании useEffect он срабатывает после того как компонент закончил монтирование в DOM дерево, useLayoutEffect срабатывает во время чтения компонента до его встраивания в DOM дерево

[@ПавелРубан-е5м]

я искал этот коммент!

[@Никита-м4в2о]

Спасибо за видео! Но не хватает более подробной теории. Как минимум стоило описать процесс обновления DOM дерева с useEffect и useLayoutEffect

[@sergeytarasevich2285]

Спасибо, очень понятно и сжато

[@eugenia9999]

о, новенький видос !! спасибо, лайк полостью !!)))

[@VladDubovyi]

Такой молодой и уже тимлид. Уважуха. С 16 лет в iT что-ли

[@АлександрГрачев-в4м]

А почему схлопываются вызовы? Батчинг?

[@alexandryurkov9168]

Спасибо, помог

[@BlueCell]

Абсолютно бессмысленный пример

[@eminaliyev1382]

Ничего не понял короче

[@VladDubovyi]

Насколько я понял тут проблема в двойном перерендере потому что сначала 0 показывает на экране. А потом уже рэндом число и 2 раза рендерит, а Uselayout делает только последний рендер и ждет когда промежуточный обновится. Вопрос может быть в быстродействии и оптимизации. Он может подтормаживать и визуально пользователь будет видеть задержку, но зато без моргания

[@Almas-2002]

Если знаешь nestjs научи нас пж)

[@Mcsollo]

Спасибо чувак) но хучек какой то бесполезный