169 похожих чатов

Привет! Такой вопрос: как лучше организовать разные типы ui компонентов?

Например, у меня есть компонент Button и есть типы: primary, secondary, withIcon, small, search.
Вижу два пути:

1. Через пропсы: <Button primary />, <Button small />
2. Создать отдельную константу для каждого типа: <ButtonPrimary /> итд.

Но, например, тип witchIcon 1-м способом лучше не реализовывать, кажется.

Использую styled-components и atomic-design.

4 ответов

17 просмотров

bem-react или-или reshadow

В случае с кнопкой я бы делал: <Button variant={'primary' || 'secondary' || 'default'} color={'red'} icon={<Icon/>} />

https://github.com/ant-design/ant-design/blob/master/components/button/button.tsx#L68

Посмотри, как реализованы популярные библиотеки компонентов. Зачем набивать шишки, если их кто-то уже набил за тебя?

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта