2014-12-08 4 views
2

Предположим, у меня очень большое обновление, которое входит в приложение React.js. Некоторые действия открывают очень большую таблицу, в которой перечислены тысячи строк, взятых с сервера. При этом происходит следующее:Обновления Queuing React.js, чтобы избежать зависания браузера

  1. Отправка на сервер - Я хочу, чтобы данные
  2. данных для всех строк, возвращаемых.
  3. Местное хранилище данных обновляется со всеми данными
  4. Из пустой таблицы без строк, React вводит тысячи новых строк и столбцов в таблицу, вызывая (во многих случаях) блокировку браузера.

Есть ли у кого-нибудь идеи относительно того, как я могу смягчить эту ситуацию? Имеет ли Реакт какие-либо ленивые или более эффективные стратегии рисования (т. Е. Краска, когда больше простаивает: только выдает столько за галочку)?

+1

Вы можете реализовать пейджинг? –

ответ

1

Вы можете использовать собственную стратегию пакетирования в React, что может помочь:

https://stackoverflow.com/a/21395442/125680

Однако без практического примера это трудно сказать. Возможно, вы беспокоитесь о ситуации, которая никогда не возникнет на самом деле - ведь виртуальные обновления DOM от React и разумное использование shouldComponentUpdate могут сделать это проблемой без проблем.

+0

Это не дает ответа на вопрос. Чтобы критиковать или просить разъяснения у автора, оставьте комментарий ниже их сообщения. – Raedwald

+1

Да, да. Стратегия дозирования вполне может быть жизнеспособным решением проблемы, так же как и use shouldComponentUpdate. –