Вчера на менторинге изучали, как связаны браузерный рендеринг и useLayoutEffect. И я нашёл очень наглядный и мощный способ изучения Реакта и браузерного рендеринга.
Вкладочка Performance в Google chrome.
Тут тебе всё как на ладони: таски, микротаски, layout paint composite. В какой момент эффекты, функции очистки, и всё всё всё.
И самое главное, в этом процессе не опираешься на домыслы, а на реальный стек трейс самого React.
Так что ждите топовые видосы про event loop, работу React и браузерный рендеринг 🔥
Вкладочка Performance в Google chrome.
Тут тебе всё как на ладони: таски, микротаски, layout paint composite. В какой момент эффекты, функции очистки, и всё всё всё.
И самое главное, в этом процессе не опираешься на домыслы, а на реальный стек трейс самого React.
Так что ждите топовые видосы про event loop, работу React и браузерный рендеринг 🔥