VK
Это типо норма или я чтото не правильное делаю?
Ну, у вас после каждого клика функция render запускается, а в ней этот цикл
Size: a a a
2020 July 16
AP
Ну типо ангуляр работает почти в 2 раза быстрее.
VK
Ну типо ангуляр работает почти в 2 раза быстрее.
Я же говорю, у вас на каждый чих весь этот список из 10000 элементов создается заново и рендерится
AP
Ну я кликаю по ссылке, вызываю событие toggleItems, в котором меняю значение либо 0 либо 10к, и точно такой же ейс на ангуляре.
AP
И он быстрее, со всей мишурой и обвязкой.
MK
добавьте в стейт следующее
а в render
{t
раз данные не меняются - нет смысла каждый раз заново создавать список из 10000 элементов
itemsCountStrategy {
‘0’: [],
‘10000’: Array(10000).fill(0).map((_, index) => <ListElement key={index} />)
}а в render
{t
his.itemsCountStrategy[this.itemsCount]}
раз данные не меняются - нет смысла каждый раз заново создавать список из 10000 элементов
SK
до 0.016 sec возросло
там надо raw_string таки в масив перегнать - наверное доступ по индексу на больших строках медленней
AP
Так весь смысл в том чтобы замерить создания компонентов.
༼[
Sergey Kostyrko
там надо raw_string таки в масив перегнать - наверное доступ по индексу на больших строках медленней
только перегон в массив будет учитываться в подсчёте скорости)
SK
ну это надо пробовать
AP
Почти 2 секунды это реакт, против ангуляра - 1 секунды.
AP
Свелт справляется за 200мс.
AP
vue за 800мс
M
Почти 2 секунды это реакт, против ангуляра - 1 секунды.
Ты используешь индексоф, во вторых в setstate обращаться к стейту не очень
AP
А как тогда поменять стейт?