Size: a a a

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

2020 December 18

DS

Dmytro Svyrydenko in React — русскоговорящее сообщество
Типо если «мне не нужны все фичи реакта», то можно заюзать преакт
Но потом если вдруг понадобятся фичи реакта, то нужно переезжать обратно?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Dmytro Svyrydenko
Ребят, а зачем обычно люди переезжают с react на preact? Из того что я увидел, ради уменьшения бандла на десяток КБ и урезанного функционала реакта -_-
когда "размер имеет значение"
источник

DS

Dmytro Svyrydenko in React — русскоговорящее сообщество
Dmitriy Shuleshov
когда "размер имеет значение"
👍
источник

T

Timur in React — русскоговорящее сообщество
Всем привет, есть задача отрисовать древо, есть 2 компонента (А и B). Делаю это так, внутри компонента A рендерю компонент B.

Компонент B внутри рендерит сам себя, в случае если есть вложенность.

Внутри компонента А есть много стейтов, которые могут обновляются, это вызывает перерендер (древо очень большое) и все тормозит.

Вопрос, как можно сделат так, чтобы древо отрендерилось только 1 раз и далее уже не обновлялось при изменении стэйта?)

P.S. Сейчас компоненты существуют в 1 файле, но как 2 отдельных компонента
источник

DB

Denis Bykov in React — русскоговорящее сообщество
Кто подскажет где почитать как сделать фильтры для таблицы react-virtualized
источник

D

Dominic in React — русскоговорящее сообщество
Timur
Всем привет, есть задача отрисовать древо, есть 2 компонента (А и B). Делаю это так, внутри компонента A рендерю компонент B.

Компонент B внутри рендерит сам себя, в случае если есть вложенность.

Внутри компонента А есть много стейтов, которые могут обновляются, это вызывает перерендер (древо очень большое) и все тормозит.

Вопрос, как можно сделат так, чтобы древо отрендерилось только 1 раз и далее уже не обновлялось при изменении стэйта?)

P.S. Сейчас компоненты существуют в 1 файле, но как 2 отдельных компонента
мемоизируй компоненты B
источник

T

Timur in React — русскоговорящее сообщество
Dominic
мемоизируй компоненты B
const compB = useMemo(({data}) => {
...code
}, [])

ты про такой метод?)
источник

D

Dominic in React — русскоговорящее сообщество
угу
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Timur
Всем привет, есть задача отрисовать древо, есть 2 компонента (А и B). Делаю это так, внутри компонента A рендерю компонент B.

Компонент B внутри рендерит сам себя, в случае если есть вложенность.

Внутри компонента А есть много стейтов, которые могут обновляются, это вызывает перерендер (древо очень большое) и все тормозит.

Вопрос, как можно сделат так, чтобы древо отрендерилось только 1 раз и далее уже не обновлялось при изменении стэйта?)

P.S. Сейчас компоненты существуют в 1 файле, но как 2 отдельных компонента
React.memo
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Dominic
угу
Нет. Что за последователи Остера?
источник

D

Dominic in React — русскоговорящее сообщество
я так понял это что то плохое =)) о чем речь?
источник

D

Dominic in React — русскоговорящее сообщество
вообще я с длинным списком делал вот так
источник

D

Dominic in React — русскоговорящее сообщество
прекрасно помогло
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Dominic
я так понял это что то плохое =)) о чем речь?
У реакта есть механизм для управления ререндерингом. А вы советуете вместо этого костыль, который даже не гарантирует поведение, которое вы обещаете автору.
источник

D

Dominic in React — русскоговорящее сообщество
а подробнее?
источник

T

Timur in React — русскоговорящее сообщество
сделал вот так, не помогло, компоненты лежат в одном файле

CompB => ({data}) => {
...code
<CompB1 />
}
CompB1 => memo(CompB)

CompoA => () => {
return <CompB1 />
}
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Dominic
а подробнее?
Что подробнее?
источник

D

Dominic in React — русскоговорящее сообщество
что конкретно тебе не нравится и что ты предлагаешь
источник

D

Dominic in React — русскоговорящее сообщество
export const ItemCard = React.memo(_ItemCard); вот это вот чем не устраивает?
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Dominic
export const ItemCard = React.memo(_ItemCard); вот это вот чем не устраивает?
Советую разуть глаза https://t.me/react_js/1075702
источник