Size: a a a

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

2020 August 21

AK

Anton Karmanov in React — русскоговорящее сообщество
но в целом опять же согласен что оба варианта выглядят как УГ
источник

AK

Anton Karmanov in React — русскоговорящее сообщество
если вам надо ХХП, то можно и так оставить, а если это дело в будущем должно поддерживаться, то надо рефакторить чтобы было без обращений к DOM
источник

AK

Anton Karmanov in React — русскоговорящее сообщество
ArtMen007
так и что делать кучу useState и добавлять классы через состояние.
Или один раз data-атрибут задать и все...
а зачем вам классы там, вы на основе классов меняете overflow: hidden и height?
источник

A

ArtMen007 in React — русскоговорящее сообщество
Anton Karmanov
а зачем вам классы там, вы на основе классов меняете overflow: hidden и height?
практически так. карта закрыта при наведении добавляется класс размер увеличивается и появляется текст.
А на мобилке все это чудо работает автоматом, когда карта по середине экрана. Вот думаю про производительность
источник

A

ArtMen007 in React — русскоговорящее сообщество
Anton Karmanov
если вам надо ХХП, то можно и так оставить, а если это дело в будущем должно поддерживаться, то надо рефакторить чтобы было без обращений к DOM
???
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
ArtMen007
практически так. карта закрыта при наведении добавляется класс размер увеличивается и появляется текст.
А на мобилке все это чудо работает автоматом, когда карта по середине экрана. Вот думаю про производительность
Почему это нельзя решить средствами css? Просто hover.
источник

AK

Anton Karmanov in React — русскоговорящее сообщество
"при наведении появляется карта" уже сомнительное поведение
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Зачем лезть в рефы? Карт миллион на экране, их надо обновлять быстро?
источник

SB

Sergey Bekharsky in React — русскоговорящее сообщество
Это лишь реакция на действия пользователя. Люди — медленные.
источник

a

arts in React — русскоговорящее сообщество
ArtMen007
практически так. карта закрыта при наведении добавляется класс размер увеличивается и появляется текст.
А на мобилке все это чудо работает автоматом, когда карта по середине экрана. Вот думаю про производительность
Эммм... это вообще голым css делается
источник

AK

Anton Karmanov in React — русскоговорящее сообщество
ArtMen007
практически так. карта закрыта при наведении добавляется класс размер увеличивается и появляется текст.
А на мобилке все это чудо работает автоматом, когда карта по середине экрана. Вот думаю про производительность
сделайте компонент карты, в него прокидывайте данные для рендеринга карты

в компоненте будет div, ему через data-attribute и стейт меняйте состояние, а внутри этого div уже будет жить карта, к которой вам вообще не надо обращаться

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

F

F in React — русскоговорящее сообщество
arts
Лучше в песочницу
источник

A

ArtMen007 in React — русскоговорящее сообщество
arts
Эммм... это вообще голым css делается
начиналось все с мобилки, все через клики, про наведение речи небыло.
источник

F

F in React — русскоговорящее сообщество
arts
Лучше в песочницу
Мне нужно взять данные и отправить в другой компонент. Кроме как запихать в  session Storage нет идей.
источник

AK

Anton Karmanov in React — русскоговорящее сообщество
ArtMen007
начиналось все с мобилки, все через клики, про наведение речи небыло.
при наведении добавляется класс размер увеличивается и появляется текст
источник

S

Stark in React — русскоговорящее сообщество
F
Мне нужно взять данные и отправить в другой компонент. Кроме как запихать в  session Storage нет идей.
document event + trigger ?
источник

a

arts in React — русскоговорящее сообщество
F
Мне нужно взять данные и отправить в другой компонент. Кроме как запихать в  session Storage нет идей.
Прокинь в форму коллбэк через пропсы или контекст, например.
источник

a

arts in React — русскоговорящее сообщество
И да, мутировать объекты (usernameErr, passwordErr) — это плохо. Вообще, зачем тебе там объекты? Почему не хранить просто строки?
источник

F

F in React — русскоговорящее сообщество
arts
И да, мутировать объекты (usernameErr, passwordErr) — это плохо. Вообще, зачем тебе там объекты? Почему не хранить просто строки?
🤷‍♂
источник

A

Archi in React — русскоговорящее сообщество
почему показывает предупреждение о использовании методов которых у меня нет?
источник