Size: a a a

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

2021 February 19

VO

Vladislav Ocheretny in React — русскоговорящее сообщество
привет ребят, есть кто подключал stripe вместе с material-ui?
не могу понять как именно брать данные с формы.
источник

SR

Sergey Ripchanskiy in React — русскоговорящее сообщество
Vlad
Для справки, холодная загрузка тестового приложения с тяжелыми зависимостями, такими как React Meterial UI, раньше занимала 28 секунд на Macbook Pro с процессором M1, а теперь занимает ~1,5 секунды. Ожидайте аналогичных улучшений, если вы переходите с традиционной установки на основе сборщика.
Да, я видео-сравнение смотрел - заценил, мощно. Интересует какие преимущества это может дать на проде и чтобы потом не ресхлебывать)
источник

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество
Vlad
render props
children(smallCard)
не  понял
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Дмитрий Николаев
не  понял
Сделать children функцией и передавать

Гуглится по render props
источник

CG

Cat Gn in React — русскоговорящее сообщество
Александр Шелист
children: React.ReactNode
спасибо
источник
2021 February 20

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Roman Usherenko
только если количество итераций неизменное

но вообще зачем?
мм, не уверен зачем)
Есть древовидная структура, раскрывающиеся списки. Данные для рендера хранятся в одном объекте, с вложеностями. Можно ли сделать так, чтобы рендерилась только та часть списка, на которую пользователь нажал, что бы открыть, а все остальное(остальные элементы, в т.ч уже открытые) оставалось в таком же виде, и не перерендеривалось??
источник

К

Кирилл in React — русскоговорящее сообщество
Миша Ковальчук
мм, не уверен зачем)
Есть древовидная структура, раскрывающиеся списки. Данные для рендера хранятся в одном объекте, с вложеностями. Можно ли сделать так, чтобы рендерилась только та часть списка, на которую пользователь нажал, что бы открыть, а все остальное(остальные элементы, в т.ч уже открытые) оставалось в таком же виде, и не перерендеривалось??
да, тут useMemo поможет
источник

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Кирилл
да, тут useMemo поможет
нуу, сомнительно.. я не придумал как useMemo может тут помочь
источник

АШ

Александр Шелист... in React — русскоговорящее сообщество
Миша Ковальчук
мм, не уверен зачем)
Есть древовидная структура, раскрывающиеся списки. Данные для рендера хранятся в одном объекте, с вложеностями. Можно ли сделать так, чтобы рендерилась только та часть списка, на которую пользователь нажал, что бы открыть, а все остальное(остальные элементы, в т.ч уже открытые) оставалось в таком же виде, и не перерендеривалось??
только разбивать данные для рендера на отдельные куски, настраивать ключи
источник

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Александр Шелист
только разбивать данные для рендера на отдельные куски, настраивать ключи
весь список рендерится с помощью одного компонента(компонент-элемент списка), вызываемого рекурсивно. В него приходит объект с данными, и на их основе всё рисуется. Когда пользователь раскрывает какой-то элемент списка, объект обновляется, и происходит перерисовка. С учетом этого, как то сложно представить как разбивать на куски)
источник

АШ

Александр Шелист... in React — русскоговорящее сообщество
Миша Ковальчук
весь список рендерится с помощью одного компонента(компонент-элемент списка), вызываемого рекурсивно. В него приходит объект с данными, и на их основе всё рисуется. Когда пользователь раскрывает какой-то элемент списка, объект обновляется, и происходит перерисовка. С учетом этого, как то сложно представить как разбивать на куски)
состояние компонента перенести в localState
источник

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Александр Шелист
состояние компонента перенести в localState
хммм, оооочень интересная мысль) надо будет попробовать. Спасибо большое
источник

S

Sergey in React — русскоговорящее сообщество
Миша Ковальчук
весь список рендерится с помощью одного компонента(компонент-элемент списка), вызываемого рекурсивно. В него приходит объект с данными, и на их основе всё рисуется. Когда пользователь раскрывает какой-то элемент списка, объект обновляется, и происходит перерисовка. С учетом этого, как то сложно представить как разбивать на куски)
Оберни в React.memo это должно решить проблему, т.к хоть компонент и один но экземпляров этого компонента много, в каждый приходит своя часть данных, и перерендерятся только компоненты вдоль изменившейся ветки
источник

O

ORT in React — русскоговорящее сообщество
подскажите это норм практика так мапить компонент и в него прокидывать объект?
источник

АШ

Александр Шелист... in React — русскоговорящее сообщество
ORT
подскажите это норм практика так мапить компонент и в него прокидывать объект?
Да, так и должно быть
источник

O

ORT in React — русскоговорящее сообщество
ок, спасибо. просто я еще ждун))
источник

МК

Миша Ковальчук... in React — русскоговорящее сообщество
Sergey
Оберни в React.memo это должно решить проблему, т.к хоть компонент и один но экземпляров этого компонента много, в каждый приходит своя часть данных, и перерендерятся только компоненты вдоль изменившейся ветки
Хммм) Интересно.. Спасибо большое, попробую
источник

N

Nikita in React — русскоговорящее сообщество
быстро ты решил)
источник

AD

Andrii Doroshenko in React — русскоговорящее сообщество
ага)
источник

AD

Andrii Doroshenko in React — русскоговорящее сообщество
не решил, всё таки
источник