Приветствую, снова теоретический вопрос. Вот пример кода: https://codesandbox.io/s/sweet-phoebe-gj4ycp?file=/PostsTab.js Там заходим и кликаем

Question

Приветствую, снова теоретический вопрос. Вот пример кода: https://codesandbox.io/s/sweet-phoebe-gj4ycp?file=/PostsTab.js Там заходим и кликаем

на кнопку Post (Slow), а потом сразу на 3 кнопку. В консоли видим, что рендеринг массива остановился, т е мы его прервали, когда нажали на 3 кнопку.
Означает ли, что вычисление для рендеринга react делает в отдельном потоке(иначе как другая кнопка вообще остается доступной)?

#frontend #javascript #programming #react.js #russian

0

08.08.2023

4 ответов

16 просмотров

olkivan

olkivan
нет, потоков в жс условно не существует, скорее вс...

похоже это фича React.Fiber: https://www.velotio.com/engineering-blog/react-fiber-algorithm React Fiber divides the update into units of works. It can assign the priority to each unit of work, and has the ability to pause, reuse, or abort the unit of work if not needed. React Fiber divides the work into multiple units of work, which is fiber. It schedules the work in multiple frames and uses the deadline from the requestIdleCallback. Every update has its priority defined like animation, or user input has a higher priority than rendering the list of items from the fetched data.

0

08.08.2023

NIX Автор вопроса

olkivan
нет, потоков в жс условно не существует, скорее вс...

Да, кстати, хорошая мысль, спасибо)) я что-то не подумал, что массив можно поэлементно обрабатывать, а не нахрапом)

0

08.08.2023

NIX Автор вопроса

olkivan
нет, потоков в жс условно не существует, скорее вс...

Кстати, получается , что если будет не массив а 1 компонент, но это не сработает? Сейчас проверю!

0

08.08.2023

olkivan · Accepted Answer

нет, потоков в жс условно не существует, скорее всего реакт разбивает рендер на батчи и асинхронно их скедулит, но это не точно. ну и console.log это макротаска, которая позволяет обработчикам ивентов заскедулится вовремя. хотя и без консольлог ивент срабатывает, что для меня было странно

169 похожих чатов

Приветствую, снова теоретический вопрос. Вот пример кода: https://codesandbox.io/s/sweet-phoebe-gj4ycp?file=/PostsTab.js Там заходим и кликаем

4 ответов

Похожие вопросы