Event Loop: Ключ к оптимизации вашего кода | Как работает асинхронность в JS

preview_player
Показать описание
Сегодня разберём как реализована модель асинхронности в браузере. Не будем строить догадки пощупаем реальный браузер во вкладочке performance

Рекомендации по теме
Комментарии
Автор

спасибо за видео, как раз начал разбираться в этой теме, и тут вышел этот ролик, ждем с нетерпением следующее c reflow repaint!

happyhomo
Автор

Круто! спасибо за канал с интересным контентом!) продолжай в том же духе!)

vmdbcqg
Автор

отличное объяснение! Но, если засветил в коде promise и queueMicrotask, то объясни уже и про них) где-то ты обещал сделать видео про микро и макро задачи

fdfgblk
Автор

с одной стороны - все понятно. Но, к сожалению, если бы я это видео смотрел лет 5 назад начинающим джуном, не уверен, что было бы так же

sk
Автор

Судя по набору видео этого канала ты очень глубоко копаешь реакт темы)

Можешь снять ролик об анимациях в реакте?
Там встречается много неочевидных вещей, нужно следить за рендерами, маунтом/анмаунтом

Моя предметная область - игры
И мне часто кажется что игры на реакте это попытки подстроиться под рендер браузера, и проще взять pixi (или unity если неважен размер бандла) и накодить все там

Круто было бы разобрать пример
Постепенное появление элементов UI: 2 кнопки, панель ресурсов (монетка и текстфилд с числом)
1 кнопка открывает попап
2 кнопка создаёт монетку, которая улетает в ресурс панель и после этого счётчик увеличивается

Это все как пример, главный запрос: как подружить реакт и анимации чтобы это было похоже на игру, а не на энтерпрайз )

yuryk
Автор

в конце видео: разве результаты работы с fetch будут обработаны в макротасках? все что свзано с промисами - микротаски... fetch возвращает промис...

tanercoder
Автор

Почему есть две разные очереди? Почему все не сделать в 1?
Как even loop работает в nodejs ?

gaziev__
Автор

Хороший контент.
Будет ли видео об сборщике мусора?

hasst