Всем привет. Нашел у себя в приложении медленное место. Редакс стор заполняется

Question

Всем привет. Нашел у себя в приложении медленное место. Редакс стор заполняется

объектами в цикле (так удобно с точки зрения кода).
При изначальном заполнении когда стор пустой - 100 объектов добавляются быстро.
При повторном заполнении, происходит очистка, а затем заполнение тех же 100 объектов, это отнимает аж 15 секунд.
Я пробовал профайлить, дошел до renderRoot в react-dom.development.js, дальше затраченное время распадается на крупные куски и идут функции updateForwardRef, updateFunctionComponent и т.д.
Сходу внутри редакса все не очень прозрачно, но как я понимаю, он тут же пытается обновить компоненты и таким образом перерисовывает их? В то время как я думал что этого не произойдет, пока он не выйдет из цикла, который заполняет стор.

Если я меняю логику так, чтобы изменение в стор вносилось разом, это начинает занимать примерно 300мс.
Я прав в своем выводе насчет перерисовки в цикле? Или все несколько иначе?

В принципе конечно логично, что обновлять стор в цикле, это похоже на плохую практику (такое было написано еще до меня).
Но непонятно, почему при первом заполнении не тормозит, ведь там тоже заполнялось в цикле и следовательно должен был быть рендеринг в цикле, если я верно понял проблему

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

0

26.12.2019

1 ответов

19 просмотров

Александр Шелист · Accepted Answer

Александр Шелист

Фрагмент цикла можно? А то непонятно как вы заполняете

0

26.12.2019

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

Всем привет. Нашел у себя в приложении медленное место. Редакс стор заполняется

1 ответов

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