Size: a a a

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

2021 January 16

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
KISS в действии)
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Егор Ключанцев
Нет, но может быть несколько поразному стилизованных кнопок в одном компоненте. Поэтому, StyledButton в этом кейсе не подходит, называю потипу StyledAddTaskButton. Если у тебя есть позитивный опыт других соглашений - с удовольствием послушаю)
Не знаю, у меня всегда была какая то дизайн система. И если кнопки по разному стилизованы то или через prop или это разные компоненты в ui kit. Там названия уже только про внешний вид(<FlatButton/>, <Button primary/> как пример)
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Тимофей 🛴
Не знаю, у меня всегда была какая то дизайн система. И если кнопки по разному стилизованы то или через prop или это разные компоненты в ui kit. Там названия уже только про внешний вид(<FlatButton/>, <Button primary/> как пример)
Блин, тут да) Но вопрос же более общий. Плюс не всегда бывает дизайн-система в проектах, хотя это большой минус конечно.

Вообще идею понял, попробовал поискать по коду где бы название содержало информацию о действии - не нашел сходу... Не задумывался об этом раньше, может интуитивно "правильно" называю...
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Но по мне так StyledAddTaskButton - звучит так же как StyledHeader - просто название конкретного элемента в компоненте
источник

ЕК

Егор Ключанцев... in React — русскоговорящее сообщество
Тимофей 🛴
Не знаю, у меня всегда была какая то дизайн система. И если кнопки по разному стилизованы то или через prop или это разные компоненты в ui kit. Там названия уже только про внешний вид(<FlatButton/>, <Button primary/> как пример)
Спасибо)
источник

Д

Дмитрий in React — русскоговорящее сообщество
Спс
источник

М

Мирас Текесбаев... in React — русскоговорящее сообщество
источник

М

Мирас Текесбаев... in React — русскоговорящее сообщество
ребят как можно выйти из этого цикла
источник

М

Мирас Текесбаев... in React — русскоговорящее сообщество
надо спушить последний else if в state
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Мирас Текесбаев
ребят как можно выйти из этого цикла
Невозможно понять что происходит. @js_ru скорее всего, а лучше самому посидеть и порефакторить
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
выглядит как изобретение clsx / classname
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
Слишком много ифов
источник

I

Igor in React — русскоговорящее сообщество
но ведь map() это не цикл
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
так оно ж наверное не заработает, потому что мап возвращает новый массив, а не перезаписывает старый
источник

AD

Andriy Dudariev in React — русскоговорящее сообщество
так и в последнем ифе еще пушится копия элемента.
Кста, а если во время мапа в массив допушить элемент, мап по нему пройдется?
источник

AK

Anton Kalinichenko in React — русскоговорящее сообщество
Всем привет, подскажите, добавляю "сырую" кнопку <button> в пустой документ, без стилей, когда фокус переходит на кнопку, в ней начинает мигать курсор, как для ввода текста. Зачем и почему он появляется, как его убрать?
источник

AK

Anton Kalinichenko in React — русскоговорящее сообщество
Переслано от Anton Kalinichenko
Вот видео
источник

AK

Anton Kalinichenko in React — русскоговорящее сообщество
Переслано от Anton Kalinichenko
источник

D

Dmitry in React — русскоговорящее сообщество
Soltukiev Malik
эти хуки вроде не сокращают рендер компонента, этим занимается вроде React.memo
А во вью они так же ничего не сокращают
Это просто динамическое свойство от каких то данных
источник

AK

Anton Kalinichenko in React — русскоговорящее сообщество
Anton Kalinichenko
Переслано от Anton Kalinichenko
user-select: none;
источник