React-компонент для чата (бесконечная прокрутка и переменная высота сообщений)?

Question

[tamtakoe]

Нашел парочку:
https://github.com/tnrich/react-variable-height-in...
https://github.com/dustingetz/react-chatview

Но какие-то они сыроватые. Делал же кто-нибудь чаты на Реакте. Что использовали?

Answer 1

[MorozoW]

Быстро развивается, поддерживается, работает стабильно https://github.com/bvaughn/react-virtualized

Comments

[tamtakoe]

Видел такой. Не понятно как его к чату применить. Особенность чата в том, что сообщения идут снизу вверх. Соответственно единственное сообщение так же должно прилипать книзу и при добавлении пачки сообщений скролл должен оставаться на месте, а не уезжать наверх. Пока использую React-Waypoint с костылями

[MorozoW]

Я думаю что обычный реверс твоего списка + scrollToIndex={0} проперта решит твою задачу. Еще прикол react-virtualized в том, что все ренедеринги и логику рендеринга ты можешь кастомизировать. RTFM как говориться) Довольно все понятно описано у них.

[Itvanya]

MorozoW react-virtualized хорош, но плохо кастомизируется с нестандратной разметкой приложения. Я сталкнулся с аналогичной проблемой, как и tamtakoe , и вырулил на костылях.