No video

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

  Рет қаралды 3,961

Влад Калачев - JavaScript уроки

Влад Калачев - JavaScript уроки

Күн бұрын

Пікірлер: 14
@-javascript2665
@-javascript2665 3 жыл бұрын
Оставляйте в комментариях темы, которые вы хотите, чтобы я разобрал в следующих видео! Приятного просмотра!) Tайм-коды: 00:00:00 О чем данное видео 00:00:28 Зачем нужен useLayoutEffect? 00:01:17 Пример 00:03:35 useEffect и useLayoutEffect
@user-wl9sf6uc5p
@user-wl9sf6uc5p 3 жыл бұрын
Спасибо за видео! Но не хватает более подробной теории. Как минимум стоило описать процесс обновления DOM дерева с useEffect и useLayoutEffect
@bugaga8144
@bugaga8144 Жыл бұрын
1. 4:56 Это наверное прикол, они("значения") как бы схлопываются и мы бла бла бла, вот так он работает! Понятно как оно работает, осталось только автору видео. 2. 5:11 Перерендер не происходит, бля ТимЛид разберись как работает useState(), у тебя справа в консоле выводятся значения value и там видно что числа меняются, сразу могу подкинуть тему для следующего видео, что делает console.log(). А теперь объяснение как оно на самом деле работает: При использовании useEffect он срабатывает после того как компонент закончил монтирование в DOM дерево, useLayoutEffect срабатывает во время чтения компонента до его встраивания в DOM дерево
@user-nl9nh4yj9u
@user-nl9nh4yj9u Жыл бұрын
я искал этот коммент!
@sergeytarasevich2285
@sergeytarasevich2285 3 жыл бұрын
Спасибо, очень понятно и сжато
@BlueCell
@BlueCell 2 жыл бұрын
Абсолютно бессмысленный пример
@eugenia9999
@eugenia9999 3 жыл бұрын
о, новенький видос !! спасибо, лайк полостью !!)))
@user-es2vr3cv1v
@user-es2vr3cv1v 3 жыл бұрын
Такой молодой и уже тимлид. Уважуха. С 16 лет в iT что-ли
@user-jf2ic3up1k
@user-jf2ic3up1k 9 ай бұрын
А почему схлопываются вызовы? Батчинг?
@alexandryurkov9168
@alexandryurkov9168 3 жыл бұрын
Спасибо, помог
@user-es2vr3cv1v
@user-es2vr3cv1v 3 жыл бұрын
Насколько я понял тут проблема в двойном перерендере потому что сначала 0 показывает на экране. А потом уже рэндом число и 2 раза рендерит, а Uselayout делает только последний рендер и ждет когда промежуточный обновится. Вопрос может быть в быстродействии и оптимизации. Он может подтормаживать и визуально пользователь будет видеть задержку, но зато без моргания
@eminaliyev1382
@eminaliyev1382 2 жыл бұрын
Ничего не понял короче
@Almas-2002
@Almas-2002 3 жыл бұрын
Если знаешь nestjs научи нас пж)
@Mcsollo
@Mcsollo 3 жыл бұрын
Спасибо чувак) но хучек какой то бесполезный
Custom Hooks на примерах. Пишем свой useInput, useFetch, useTheme - React Hooks
23:33
Влад Калачев - JavaScript уроки
Рет қаралды 8 М.
Учим useReducer за 14 минут - React Hooks
14:05
Влад Калачев - JavaScript уроки
Рет қаралды 8 М.
Zombie Boy Saved My Life 💚
00:29
Alan Chikin Chow
Рет қаралды 34 МЛН
Incredible Dog Rescues Kittens from Bus - Inspiring Story #shorts
00:18
Fabiosa Best Lifehacks
Рет қаралды 33 МЛН
Bend The Impossible Bar Win $1,000
00:57
Stokes Twins
Рет қаралды 39 МЛН
Учим useCallback за 7 минут - React Hooks
6:42
Влад Калачев - JavaScript уроки
Рет қаралды 11 М.
Пишем список задач на React (React Hooks)
18:37
Влад Калачев - JavaScript уроки
Рет қаралды 35 М.
Учим useEffect за 13 минут - React Hooks
12:46
Влад Калачев - JavaScript уроки
Рет қаралды 18 М.
Учим useMemo за 10 минут - React Hooks
10:39
Влад Калачев - JavaScript уроки
Рет қаралды 15 М.
Учим useContext за 10 минут - React Hooks. Вся база React Context API
10:16
Влад Калачев - JavaScript уроки
Рет қаралды 25 М.
Быстрый курс по Redux Middleware. Пишем свои middleware Logger | Thunk
18:44
Влад Калачев - JavaScript уроки
Рет қаралды 5 М.
Учим useRef за 7 минут - React Hooks
6:26
Влад Калачев - JavaScript уроки
Рет қаралды 12 М.
Как подключить sass к react?
6:35
Влад Калачев - JavaScript уроки
Рет қаралды 17 М.
Как найти работу джуну без опыта? пошаговая инструкция
13:30
Влад Калачев - JavaScript уроки
Рет қаралды 3,4 М.
Zombie Boy Saved My Life 💚
00:29
Alan Chikin Chow
Рет қаралды 34 МЛН