Как в react сделать привязку для динамически создаваемых елементов?

Question

[Николай Антонов]

Делаю компонент календаря, как на гитхабе -
Также будет меняться цвет, в зависимости от активности. Данные будут меняться в режиме реального времени, и так как их будет много, могут быть проблемы с производительностью. Я думаю что state лучше не использовать. Единственным вариантом как мне кажется будет ref. Но как ref будет себя вести с динамически создаваемыми данными?
Или может что нибуть другое посоветуете для решения моей проблемы?

Answer 1

[Mikhail Osher]

На мой взгляд, при соблюдении следующих пунктов, все должно работать молниеносно:
- грамотно сформированный (нормализированный) state
- разбивка компонентов на container/presenter
- корректное использование shouldComponentUpdate, и реконсиляция (key, index на коллекциях) в целом.

Comments

[Николай Антонов]

Можно поподробнее? Может ссилки кинете, ато я новичек в реакте, много чего не знаю. Раньше с vue.js работал, реакт с ним похож.

Answer 2

[Leonid Prokopchuk]

Если вся вёрстка предсказуемая и клетки календаря не предполагают взаимодействия — отдайте все вычисления и формирование DOM примитивов Web Worker-у. Тогда в React весь компонент можно будет реализовать как stateless функцию, забыв о проблемах с производительностью и рендерингом.

Comments

[Николай Антонов]

В компонент будут передаваться данные по дням в реальном времени. Сами клетки будут менять цвет в зависимости от того, какое число активности, так же как и на гитхабе. Я не совсем понял то, что вы предлагаете.