Size: a a a

React — русскоговорящее сообщество

2020 August 03

М

Мишаня in React — русскоговорящее сообщество
Андрей Звёздочка
Давай загугли проблему, которая возникла у меня неделю назад:
На странице тысячи дом узлов, данные которых хранятся в массиве. Когда пользователь пытается обновить 1% нод, то страница начинает лагать. Дебаггер показал, что проблема в Гц. Что делать?
Ну в первую очередь надо прибухнуть, а вторым пунктом взглянуть на код)
источник

E

Evgen in React — русскоговорящее сообщество
Андрей Звёздочка
Давай загугли проблему, которая возникла у меня неделю назад:
На странице тысячи дом узлов, данные которых хранятся в массиве. Когда пользователь пытается обновить 1% нод, то страница начинает лагать. Дебаггер показал, что проблема в Гц. Что делать?
Ну и какой алгоритм ты использовал для решения этой задачи?
источник

O

OMG2SMART4YOU in React — русскоговорящее сообщество
David Bowie
на codesandbox залей и тут ссылку выложи
да залил бы. .но проект большой((
источник

ii

ilia ivanik in React — русскоговорящее сообщество
Leonid Bondarenko
Да, я тоже подумал, что рендер происходит раньше изменений в стейте
Но я добавил компонент, в котором используются эти данные, все включая альбомы доходит до дочернего компонента и спокойно могу ренедерить информацию из стейта

Проблема заключается в том, что почему-то пропадает свойство у объекта
В 58 строке все есть, а вот в 60 почему то свойства album нет.
Но если раскрыть объект, то оно вроде как есть
извини, я на теннис уходил, решили вопрос?
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Evgen
Ну и какой алгоритм ты использовал для решения этой задачи?
Я заменил массив на иммутабельный orderedTreeMap, что позволило куда меньше дёргать гц
источник

LB

Leonid Bondarenko in React — русскоговорящее сообщество
ilia ivanik
извини, я на теннис уходил, решили вопрос?
ну я локализовал проблему, промисы я неправильно пишу
обращаюсь к свойству, которого еще нет
источник

DB

David Bowie in React — русскоговорящее сообщество
OMG2SMART4YOU
да залил бы. .но проект большой((
Залей отдельную часть с ошибкой. А так тебе никто не поможет, потому что по тому скриншоту и описанию ничего нельзя сказать, нужен код
источник

O

OMG2SMART4YOU in React — русскоговорящее сообщество
David Bowie
Залей отдельную часть с ошибкой. А так тебе никто не поможет, потому что по тому скриншоту и описанию ничего нельзя сказать, нужен код
аха хорошо. .мин
источник

ii

ilia ivanik in React — русскоговорящее сообщество
Leonid Bondarenko
ну я локализовал проблему, промисы я неправильно пишу
обращаюсь к свойству, которого еще нет
локализовать - это уже хорошо, копай дальше!))
источник

LB

Leonid Bondarenko in React — русскоговорящее сообщество
спасибо
источник

E

Evgen in React — русскоговорящее сообщество
Андрей Звёздочка
Я заменил массив на иммутабельный orderedTreeMap, что позволило куда меньше дёргать гц
Ну и ты сам писал orderedTreeMap по памяти?
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Evgen
Ну и ты сам писал orderedTreeMap по памяти?
Я знал что его нужно использовать. Без этого знания тебе даже гуглить будет нечего
источник

P

Pavel in React — русскоговорящее сообщество
Вечер. У меня на проекте возникла проблема. При загрузке страницы, у меня улетает множество асинхронных запросов, и я заметил, что у меня время обработки запроса растет по мере их отправки (https://prnt.sc/ttadwp на скрине видно, отфильтровал по времени, каждый из ответов в среднем приходит за 250-300 мс). В чем может быть проблема нарастающей задежки? Может быть это связано с тем, что js в одном потоке обрабатывает ответы, на сколько помню js однопоточный язык.

Или ошибка  где то на беке? В табе network видно, что запросы отправляются все разом, а после на них по очереди приходят ответы

не было такого, что ответы пришли разом на несколько, по графику выше видно, что время TTFB стабильно растет
источник

E

Evgen in React — русскоговорящее сообщество
Андрей Звёздочка
Я знал что его нужно использовать. Без этого знания тебе даже гуглить будет нечего
Вот и я про это говорю. Можно знать что использовать, но наизусть запоминать не имеет смысла - это тяжело и не эффективно
источник

E

Egor in React — русскоговорящее сообщество
Pavel
Вечер. У меня на проекте возникла проблема. При загрузке страницы, у меня улетает множество асинхронных запросов, и я заметил, что у меня время обработки запроса растет по мере их отправки (https://prnt.sc/ttadwp на скрине видно, отфильтровал по времени, каждый из ответов в среднем приходит за 250-300 мс). В чем может быть проблема нарастающей задежки? Может быть это связано с тем, что js в одном потоке обрабатывает ответы, на сколько помню js однопоточный язык.

Или ошибка  где то на беке? В табе network видно, что запросы отправляются все разом, а после на них по очереди приходят ответы

не было такого, что ответы пришли разом на несколько, по графику выше видно, что время TTFB стабильно растет
если отправляются все разом, то с твоей стороны всё ок
источник

AS

Alexey Shvorak in React — русскоговорящее сообщество
Pavel
Вечер. У меня на проекте возникла проблема. При загрузке страницы, у меня улетает множество асинхронных запросов, и я заметил, что у меня время обработки запроса растет по мере их отправки (https://prnt.sc/ttadwp на скрине видно, отфильтровал по времени, каждый из ответов в среднем приходит за 250-300 мс). В чем может быть проблема нарастающей задежки? Может быть это связано с тем, что js в одном потоке обрабатывает ответы, на сколько помню js однопоточный язык.

Или ошибка  где то на беке? В табе network видно, что запросы отправляются все разом, а после на них по очереди приходят ответы

не было такого, что ответы пришли разом на несколько, по графику выше видно, что время TTFB стабильно растет
а во вкладке Timing у тебя что больше занимает времени?
источник

O

OMG2SMART4YOU in React — русскоговорящее сообщество
David Bowie
Залей отдельную часть с ошибкой. А так тебе никто не поможет, потому что по тому скриншоту и описанию ничего нельзя сказать, нужен код
источник

AS

Alexey Shvorak in React — русскоговорящее сообщество
Pavel
Вечер. У меня на проекте возникла проблема. При загрузке страницы, у меня улетает множество асинхронных запросов, и я заметил, что у меня время обработки запроса растет по мере их отправки (https://prnt.sc/ttadwp на скрине видно, отфильтровал по времени, каждый из ответов в среднем приходит за 250-300 мс). В чем может быть проблема нарастающей задежки? Может быть это связано с тем, что js в одном потоке обрабатывает ответы, на сколько помню js однопоточный язык.

Или ошибка  где то на беке? В табе network видно, что запросы отправляются все разом, а после на них по очереди приходят ответы

не было такого, что ответы пришли разом на несколько, по графику выше видно, что время TTFB стабильно растет
если Waiting то все ок
источник

M

Marat in React — русскоговорящее сообщество
Pavel
Вечер. У меня на проекте возникла проблема. При загрузке страницы, у меня улетает множество асинхронных запросов, и я заметил, что у меня время обработки запроса растет по мере их отправки (https://prnt.sc/ttadwp на скрине видно, отфильтровал по времени, каждый из ответов в среднем приходит за 250-300 мс). В чем может быть проблема нарастающей задежки? Может быть это связано с тем, что js в одном потоке обрабатывает ответы, на сколько помню js однопоточный язык.

Или ошибка  где то на беке? В табе network видно, что запросы отправляются все разом, а после на них по очереди приходят ответы

не было такого, что ответы пришли разом на несколько, по графику выше видно, что время TTFB стабильно растет
Возможно, на беке используется механизм блокирующих сессий. Например, такое часто в PHP встречается
источник

P

Pavel in React — русскоговорящее сообщество
Alexey Shvorak
если Waiting то все ок
Так и есть waiting (TTFB)
источник