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

2020 November 17

ES

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

updateData = ({ name, data }) => {
        this.setState({ componentData: {...this.state.componentData, [name]: data} })
    }

Мета информация это общий термин. В примере выше параметр data - данные, name - метаданные

понял, в метаданных я могу передать любой признак, хоть и строку?

источник

11:40пожаловаться #1

DS

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

Eugene Stepanyuk

понял, в метаданных я могу передать любой признак, хоть и строку?

Зависит от вашего кейса, который я так и непонял, но вцелом да

источник

11:40пожаловаться #2

ES

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

Dmitriy Shuleshov

Зависит от вашего кейса, который я так и непонял, но вцелом да

но все равно не понял, как эти данные не будут перезаписываться, если использовать одну функцию?
если я передаю данные с одного компонента в родитель, после с другого, они же перезапишутся?

источник

11:49пожаловаться #3

DS

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

Eugene Stepanyuk

но все равно не понял, как эти данные не будут перезаписываться, если использовать одну функцию?
если я передаю данные с одного компонента в родитель, после с другого, они же перезапишутся?

Делайте песочницу рабочую и будем разбираться, а так мы просто сотрясаем воздух безсмысленно

источник

11:49пожаловаться #4

ДМ

Денис Мельников... in React — русскоговорящее сообщество

Привет. Использую react-virtualized, а точнее InfiniteLoader => WindowScroller => AutoSizer => List + динамическая высота элементов. Столкнулся такой с проблемой, при быстром скролле очень медленно отображаются элементы, можно получить случай когда видишь пустой контейнер. Может быть у кого-нибудь было подобное? Как ее решали?

источник

11:58пожаловаться #5

Т

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

Денис Мельников

Привет. Использую react-virtualized, а точнее InfiniteLoader => WindowScroller => AutoSizer => List + динамическая высота элементов. Столкнулся такой с проблемой, при быстром скролле очень медленно отображаются элементы, можно получить случай когда видишь пустой контейнер. Может быть у кого-нибудь было подобное? Как ее решали?

В проде или в деве?

источник

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

ДМ

Денис Мельников... in React — русскоговорящее сообщество

в деве

источник

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

Т

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

Денис Мельников

в деве

Проверяй в проде, в деве реакт и эта либа в частности работает гораздо медленнее.
В реакт девтулз есть отдельный профайлер смотри в нем что медленно или часто рендерится.
Еще можешь мигрировать на react-window он вроде быстрее, но я не тестировал

источник

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

🎈(

🎈JiL🎈 (Vlad) in React — русскоговорящее сообщество

Всем привет. Простой вопрос, но что-то ничего в инете найти не смогу.

Подскажите, что делает Component.options = {...} ?

источник

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

Т

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

🎈JiL🎈 (Vlad)

Всем привет. Простой вопрос, но что-то ничего в инете найти не смогу.

Подскажите, что делает Component.options = {...} ?

Добавляет статическое свойство классу Component

источник

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

ES

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

Dmitriy Shuleshov

Делайте песочницу рабочую и будем разбираться, а так мы просто сотрясаем воздух безсмысленно

https://codesandbox.io/s/hardcore-worker-xjiek?file=/src/App.js

CodeSandbox

hardcore-worker-xjiek - CodeSandbox

hardcore-worker-xjiek by eugenestepanyuk using antd, react, react-dom, react-scripts

источник

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

🎈(

🎈JiL🎈 (Vlad) in React — русскоговорящее сообщество

Тимофей 🛴

Добавляет статическое свойство классу Component

не подскажешь, где за это можно почитать?

источник

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

S

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

Здравствуйте, в коде на скриншоте использую children как функцию, я могу обернуть FilterItem и Filters в memo? В доке по рендер пропсам видел как значение пропа выносилось в отдельную функцию, а что делать в моей ситуации чтобы получить плюшки react.memo?

источник

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

S

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

источник

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

ДМ

Денис Мельников... in React — русскоговорящее сообщество

Тимофей 🛴

Проверяй в проде, в деве реакт и эта либа в частности работает гораздо медленнее.
В реакт девтулз есть отдельный профайлер смотри в нем что медленно или часто рендерится.
Еще можешь мигрировать на react-window он вроде быстрее, но я не тестировал

спасибо, в проде и правда как надо работает.

источник

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

DS

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

🎈JiL🎈 (Vlad)

не подскажешь, где за это можно почитать?

@js_noobs_ru

источник

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

Т

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

🎈JiL🎈 (Vlad)

не подскажешь, где за это можно почитать?

https://learn.javascript.ru/static-properties-methods

источник

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

🎈(

🎈JiL🎈 (Vlad) in React — русскоговорящее сообщество

Тимофей 🛴

https://learn.javascript.ru/static-properties-methods

а, это так просто) спасибо

источник

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

DS

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

Sanj

Здравствуйте, в коде на скриншоте использую children как функцию, я могу обернуть FilterItem и Filters в memo? В доке по рендер пропсам видел как значение пропа выносилось в отдельную функцию, а что делать в моей ситуации чтобы получить плюшки react.memo?

непонятно вообще чего вы добиваетесь и зачем используете рендер проп паттерн

источник

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

S

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

Dmitriy Shuleshov

непонятно вообще чего вы добиваетесь и зачем используете рендер проп паттерн

чтобы при вызове компонента GlobalFilterLayout я мог вытащить все его составные компоненты, не импортя их по отдельности. Этот компонент используется на 23 скринах

источник

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