Size: a a a

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

2020 October 22

Ю

Юра in React — русскоговорящее сообщество
подскажите, как можно убрать лишний рендер,

у меня имеется:
<Template header={header}>
{myComponent}
</Template>

myComponent обернуто в memo и возвращает функцию с версткой (нет в зависимости header)

и имеется селектор который получает инфу о header
как только приходит новый header, он перерендывает ВСЁ.

Почему? Можно ли MyComponent не перерендывать (там же новых пропсов нету)
источник

V

Vlad in React — русскоговорящее сообщество
ну я поэтому и спрашиваю, мб кто знает фулл готовые
источник

И

Иван in React — русскоговорящее сообщество
Юра
подскажите, как можно убрать лишний рендер,

у меня имеется:
<Template header={header}>
{myComponent}
</Template>

myComponent обернуто в memo и возвращает функцию с версткой (нет в зависимости header)

и имеется селектор который получает инфу о header
как только приходит новый header, он перерендывает ВСЁ.

Почему? Можно ли MyComponent не перерендывать (там же новых пропсов нету)
myComponent — это выражение, которое ты вычисляешь на каждом рендере
источник

И

Иван in React — русскоговорящее сообщество
Юра
подскажите, как можно убрать лишний рендер,

у меня имеется:
<Template header={header}>
{myComponent}
</Template>

myComponent обернуто в memo и возвращает функцию с версткой (нет в зависимости header)

и имеется селектор который получает инфу о header
как только приходит новый header, он перерендывает ВСЁ.

Почему? Можно ли MyComponent не перерендывать (там же новых пропсов нету)
источник

ZS

Zhanadil Sadykov in React — русскоговорящее сообщество
круто, заработало. Только вот в сафари все равно не работает)
источник

Ю

Юра in React — русскоговорящее сообщество
Иван
myComponent — это выражение, которое ты вычисляешь на каждом рендере
понял и что тогда делать? Как правильно поступить? У меня внутри темплейта { View1 || View2}
Каждый раз вызывается, каждый раз перерендывается, как это оптимизировать?
источник

И

Иван in React — русскоговорящее сообщество
Юра
понял и что тогда делать? Как правильно поступить? У меня внутри темплейта { View1 || View2}
Каждый раз вызывается, каждый раз перерендывается, как это оптимизировать?
<MyComponent /> вместо {myComponent}
источник

Ю

Юра in React — русскоговорящее сообщество
Иван
<MyComponent /> вместо {myComponent}
View 1 это const function = isView && <MyComponent/>
View 2 это const function2 = switchCase на 10 разных компонентов
источник

Ю

Юра in React — русскоговорящее сообщество
Иван
<MyComponent /> вместо {myComponent}
поэтому хз как тут заменить, идей вообще нет
источник

I

I0bSTeR in React — русскоговорящее сообщество
люди нужна помощь с react-redux
источник

S

Stas in React — русскоговорящее сообщество
Ребята кто сталкивался подскажите react-screen-orientation в сафари пролема. Сраное яблоко думает что он телефон вертикальный. Как это можно пофиксить
источник

VP

Vitaliy Ponomarev in React — русскоговорящее сообщество
I0bSTeR
люди нужна помощь с react-redux
источник

О

Олег in React — русскоговорящее сообщество
I0bSTeR
люди нужна помощь с react-redux
помог
источник

О

Олег in React — русскоговорящее сообщество
Stas
Ребята кто сталкивался подскажите react-screen-orientation в сафари пролема. Сраное яблоко думает что он телефон вертикальный. Как это можно пофиксить
для этого есть медиа запросы. зачем вам лишняя либа
источник

В

Виталий in React — русскоговорящее сообщество
Коллеги, добрый день!

Кто-нибудь может объяснить следующее?

Есть чекбокс в Material UI.
В апи нет пропса onClick ( https://material-ui.com/api/checkbox/#checkbox-api )

… однако оно работает!

Как такое может быть?
источник

I

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

S

Stas in React — русскоговорящее сообщество
Олег
для этого есть медиа запросы. зачем вам лишняя либа
потому что если вы пользутесь телефоном то у вас выше заскриненая заглушка
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Zhanadil Sadykov
круто, заработало. Только вот в сафари все равно не работает)
В сафари вроде только плавно не работает. Есть полифиллы
источник

И

Исмаил in React — русскоговорящее сообщество
Виталий
Коллеги, добрый день!

Кто-нибудь может объяснить следующее?

Есть чекбокс в Material UI.
В апи нет пропса onClick ( https://material-ui.com/api/checkbox/#checkbox-api )

… однако оно работает!

Как такое может быть?
источник

О

Олег in React — русскоговорящее сообщество
Stas
потому что если вы пользутесь телефоном то у вас выше заскриненая заглушка
@media(max-width: 575px) and (orientation: portrait) {
.zaglushka { display: block}
}
источник