Телеграмм чат группы react

2021 February 19

VO

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

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

источник

23:51пожаловаться #1

SR

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

Vlad

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

Да, я видео-сравнение смотрел - заценил, мощно. Интересует какие преимущества это может дать на проде и чтобы потом не ресхлебывать)

источник

23:52пожаловаться #2

ДН

Дмитрий Николаев... in React — русскоговорящее сообщество

Vlad

render props
children(smallCard)

не понял

источник

23:58пожаловаться #3

Т

Тимофей 🛴 in React — русскоговорящее сообщество

Дмитрий Николаев

не понял

Сделать children функцией и передавать

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

источник

23:58пожаловаться #4

CG

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

Александр Шелист

children: React.ReactNode

спасибо

источник

23:59пожаловаться #5

2021 February 20

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Roman Usherenko

только если количество итераций неизменное

но вообще зачем?

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

источник

00:03пожаловаться #6

К

Кирилл in React — русскоговорящее сообщество

Миша Ковальчук

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

да, тут useMemo поможет

источник

00:04пожаловаться #7

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Кирилл

да, тут useMemo поможет

нуу, сомнительно.. я не придумал как useMemo может тут помочь

источник

00:05пожаловаться #8

АШ

Александр Шелист... in React — русскоговорящее сообщество

Миша Ковальчук

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

только разбивать данные для рендера на отдельные куски, настраивать ключи

источник

00:06пожаловаться #9

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Александр Шелист

только разбивать данные для рендера на отдельные куски, настраивать ключи

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

источник

00:08пожаловаться #10

АШ

Александр Шелист... in React — русскоговорящее сообщество

Миша Ковальчук

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

состояние компонента перенести в localState

источник

00:09пожаловаться #11

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Александр Шелист

состояние компонента перенести в localState

хммм, оооочень интересная мысль) надо будет попробовать. Спасибо большое

источник

00:12пожаловаться #12

S

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

Миша Ковальчук

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

Оберни в React.memo это должно решить проблему, т.к хоть компонент и один но экземпляров этого компонента много, в каждый приходит своя часть данных, и перерендерятся только компоненты вдоль изменившейся ветки

источник

00:18пожаловаться #13

O

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

подскажите это норм практика так мапить компонент и в него прокидывать объект?

источник

00:27пожаловаться #14

АШ

Александр Шелист... in React — русскоговорящее сообщество

ORT

подскажите это норм практика так мапить компонент и в него прокидывать объект?

Да, так и должно быть

источник

00:29пожаловаться #15

O

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

ок, спасибо. просто я еще ждун))

источник

00:30пожаловаться #16

МК

Миша Ковальчук... in React — русскоговорящее сообщество

Sergey

Оберни в React.memo это должно решить проблему, т.к хоть компонент и один но экземпляров этого компонента много, в каждый приходит своя часть данных, и перерендерятся только компоненты вдоль изменившейся ветки

Хммм) Интересно.. Спасибо большое, попробую

источник

01:09пожаловаться #17

N

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

быстро ты решил)

источник

01:17пожаловаться #18

AD

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

ага)

источник

01:19пожаловаться #19

AD

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

не решил, всё таки

источник

01:22пожаловаться #20