есть выходы вообще-то, причём в виде готовых либ
нука
Dmitry
Sergey
react-virtualized норм. Есть ещё react-window, он по идее получше. Но я не успел поюзать пока
Второй лучше. Первый лагает
Dmitry
Sergey
Dmitry
я должен там сам задать фикс высоту
зачем мне это ? У меня динамичное все
Sergey
Под конкретный кейс всегда проще сделать. Чем универсально
Dmitry
вот в слаке
вк
дискорд
там нету виртуализации
Sergey
Зачастую универсальную либу настраивать намного сложнее, чем самому сделать
Dmitry
галочку поставь
https://bvaughn.github.io/react-virtualized/#/components/List
это не то
тут фикс высота
Sergey
Зачастую универсальную либу настраивать намного сложнее, чем самому сделать
ну хз. Я руками пописал такое, как-то не обрадовался))
Sergey
галочку поставь
https://bvaughn.github.io/react-virtualized/#/components/List
Так тут заранее размеры известны для каждого элемента
Sergey
господи, кто-нибудь прочёл про галочку поставить или не?
Sergey
или о динамической высоте контейнера речь?
Sergey
Перечитай мое сообщение
Sergey
Так тут заранее размеры известны для каждого элемента
Sergey
Sergey
Но известны заранее
Dmitry
Sergey
там есть чем эту высоту узнать из этой же либы, если что
Пока не отрендеришь каждый элемент не узнаешь размер
Sergey
и под высоту окна и под скролл окна есть
Sergey
а какие ещё способы?
Под конкретный кейс писать анализатор данных и примерно считать по среднему содержимому элементов + набор содержимого
Dmitry
а какие ещё способы?
рендер в портал
но это больше лагает
виртуализация в вебе подойдет для списка с фикс высотой
Sergey
Alexey
а какие ещё способы?
по одному рендерить, пока сумма высоты элементов не больше высоты родителя
Sergey
Покажи
я хз что показать. В том кейсе так оно и работает) Задаёшь среднюю высоту, а потом считает реальную уже
Sergey
Sergey
тут проблема может быть лишь в том чтоб это всё удачно совместить
Sergey
Потому что если в элементе есть картинка то уже не будет работать
тогда никак вообще не будет работать. Тут либа никак не поможет, вообще никакая. Так это устроено
Dmitry
https://discordapp.com/channels/322850917248663552/339171072832176138
для примера
нету виртуализации
нужна ли она ? перейдите по каналам
Sergey
Но вообще. Да. Можно заранее рассчитать для каждого элемента. Затем рассчитать для контейнера
yellow
ситуация: внутри компонента А рендерится компонент B
при успользовании A через пропсы передается много пропсов для B
как нормально осуществить передачу пропсов для B, чтобы не передать объект с пропсами для B т е чтобы не возникало вот такой ситуации:
<A
bProps={{ a: 1, b: 2 }}
/>
Sergey
Dmitry
https://discordapp.com/channels/322850917248663552/339171072832176138
для примера
нету виртуализации
нужна ли она ? перейдите по каналам
тупо первый попавшийся канал
Все летает
на чем вообще дитскорд
Dmitry
Sergey
тогда никак вообще не будет работать. Тут либа никак не поможет, вообще никакая. Так это устроено
Поэтому свое решение написать достаточно просто
Sergey
Так как известны эджкейсы
Sergey
Dmitry
где ты видишь
Sergey
Может там у элементов нет содержимого
Dmitry
Dmitry
и открывается заметно дольше
секунда примерно
ее тут нету
Sergey
скринкаст я уж точно не планирую записывать
Dmitry
T.A
Sergey
Sergey
грузи еще месаги
выделяй родителя и через ссылку $0 смотри кол-во
тебе уже подсказали что они пустые
Sergey
делай так. Выделяй сообщение прям текст в DevTools и скролль наверх
Dmitry
Sergey
и убедись
Sergey
ну как там? Всё равно нет виртуализации?
Dmitry
310 элементов в доме
выделение висит
Dmitry
ну как там? Всё равно нет виртуализации?
а вот теперь глянь список мемберов
там есть виртуализация
Sergey
🤦♂️
Sergey
она и в сообщениях есть
Dmitry
там не она
там пагинация