Size: a a a

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

2020 May 09

S🕶

Sander 🕶 in CSS — русскоговорящее сообщество
прошу прощения - но хотел спросить.

Так как я видел как девы пишут компоненты и сам себя считаю не профи в этом деле! Да и времени много надо чтоб покрыть тестами.

Поэтому хотел бы взять готовые компоненты и обернуть в наш удобный api! Используя "паттерн adapter", даже если у установленных ui-components есть проблемы с удобным api, то мы сделаем свой, обернув сторонний в наш компонент, пример:
const Button = (props) => <Button {...props}><AntdButton>{children}</AntdButton</Button>

Из всех пока что я видел, мне показался самыми гибким semantic-ui, antd, tailwindcss и reakit (компоненты без стилей скорее всего не подойдет, все токи хочется что-то более готовое),
знаю что antd-design весит очень много, а senantic-ui я еще не смотрел - сколько весит.

---

Компоненты только для grid и form, а template-ы - конечно мы будем делать со своими стилями, то как это нам будет удобно,
достаточно выбрать готовые компоненты и максимально подогнать их под наш дизайн, которого скорей у нас и не будет.

Сильно заморачиватся не стоит, это админка и только мы ей будем пользоватсья.
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Dmitriy Oleynik
Я так и делаб,но иногда не удобно переключаться в одной программе с html файла на css.Вот и подумал,может есть какая-то программа в которой можно сразу все делать
Лол
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Подели экран пополам в редакторе
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Sander 🕶
прошу прощения - но хотел спросить.

Так как я видел как девы пишут компоненты и сам себя считаю не профи в этом деле! Да и времени много надо чтоб покрыть тестами.

Поэтому хотел бы взять готовые компоненты и обернуть в наш удобный api! Используя "паттерн adapter", даже если у установленных ui-components есть проблемы с удобным api, то мы сделаем свой, обернув сторонний в наш компонент, пример:
const Button = (props) => <Button {...props}><AntdButton>{children}</AntdButton</Button>

Из всех пока что я видел, мне показался самыми гибким semantic-ui, antd, tailwindcss и reakit (компоненты без стилей скорее всего не подойдет, все токи хочется что-то более готовое),
знаю что antd-design весит очень много, а senantic-ui я еще не смотрел - сколько весит.

---

Компоненты только для grid и form, а template-ы - конечно мы будем делать со своими стилями, то как это нам будет удобно,
достаточно выбрать готовые компоненты и максимально подогнать их под наш дизайн, которого скорей у нас и не будет.

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

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Sander 🕶
прошу прощения - но хотел спросить.

Так как я видел как девы пишут компоненты и сам себя считаю не профи в этом деле! Да и времени много надо чтоб покрыть тестами.

Поэтому хотел бы взять готовые компоненты и обернуть в наш удобный api! Используя "паттерн adapter", даже если у установленных ui-components есть проблемы с удобным api, то мы сделаем свой, обернув сторонний в наш компонент, пример:
const Button = (props) => <Button {...props}><AntdButton>{children}</AntdButton</Button>

Из всех пока что я видел, мне показался самыми гибким semantic-ui, antd, tailwindcss и reakit (компоненты без стилей скорее всего не подойдет, все токи хочется что-то более готовое),
знаю что antd-design весит очень много, а senantic-ui я еще не смотрел - сколько весит.

---

Компоненты только для grid и form, а template-ы - конечно мы будем делать со своими стилями, то как это нам будет удобно,
достаточно выбрать готовые компоненты и максимально подогнать их под наш дизайн, которого скорей у нас и не будет.

Сильно заморачиватся не стоит, это админка и только мы ей будем пользоватсья.
Вопрос в том какой ui-kit лучше?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
Если да, то глянь тут например https://github.com/troxler/awesome-css-frameworks
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Sander 🕶
прошу прощения - но хотел спросить.

Так как я видел как девы пишут компоненты и сам себя считаю не профи в этом деле! Да и времени много надо чтоб покрыть тестами.

Поэтому хотел бы взять готовые компоненты и обернуть в наш удобный api! Используя "паттерн adapter", даже если у установленных ui-components есть проблемы с удобным api, то мы сделаем свой, обернув сторонний в наш компонент, пример:
const Button = (props) => <Button {...props}><AntdButton>{children}</AntdButton</Button>

Из всех пока что я видел, мне показался самыми гибким semantic-ui, antd, tailwindcss и reakit (компоненты без стилей скорее всего не подойдет, все токи хочется что-то более готовое),
знаю что antd-design весит очень много, а senantic-ui я еще не смотрел - сколько весит.

---

Компоненты только для grid и form, а template-ы - конечно мы будем делать со своими стилями, то как это нам будет удобно,
достаточно выбрать готовые компоненты и максимально подогнать их под наш дизайн, которого скорей у нас и не будет.

Сильно заморачиватся не стоит, это админка и только мы ей будем пользоватсья.
tailwindcss с их классами это говно, сам понял уже
семантик стар по дизайну как мамонт
antd насколько помню до их пор использует less + тяжелый очень, тянет в бандл много
reakit это основа по сути для проектного uikit-а
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Андрей Гуртовой
Вопрос в том какой ui-kit лучше?
он про react component framework
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
есть еще rebass и mui
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Sander 🕶
прошу прощения - но хотел спросить.

Так как я видел как девы пишут компоненты и сам себя считаю не профи в этом деле! Да и времени много надо чтоб покрыть тестами.

Поэтому хотел бы взять готовые компоненты и обернуть в наш удобный api! Используя "паттерн adapter", даже если у установленных ui-components есть проблемы с удобным api, то мы сделаем свой, обернув сторонний в наш компонент, пример:
const Button = (props) => <Button {...props}><AntdButton>{children}</AntdButton</Button>

Из всех пока что я видел, мне показался самыми гибким semantic-ui, antd, tailwindcss и reakit (компоненты без стилей скорее всего не подойдет, все токи хочется что-то более готовое),
знаю что antd-design весит очень много, а senantic-ui я еще не смотрел - сколько весит.

---

Компоненты только для grid и form, а template-ы - конечно мы будем делать со своими стилями, то как это нам будет удобно,
достаточно выбрать готовые компоненты и максимально подогнать их под наш дизайн, которого скорей у нас и не будет.

Сильно заморачиватся не стоит, это админка и только мы ей будем пользоватсья.
а если админка, то можно взять и не парится mui(material-ui)
источник

S🕶

Sander 🕶 in CSS — русскоговорящее сообщество
@kurzdor по вашим словам все выглядит плохим - я это понимаю, поэтому выбор очень тяжелый
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Sander 🕶
@kurzdor по вашим словам все выглядит плохим - я это понимаю, поэтому выбор очень тяжелый
ну лично для меня, не спроста есть люди которые используют тот или иной продукт
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
у того же антд есть гайд в доке как уменьшить его влияние на бандл
источник

S🕶

Sander 🕶 in CSS — русскоговорящее сообщество
вспомнил про https://blueprintjs.com/ - что про него можете сказать? @kurzdor
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
Sander 🕶
вспомнил про https://blueprintjs.com/ - что про него можете сказать? @kurzdor
не слышал о нем, лучше спросить в реактчате, ибо оффтоп это все
источник

н#

не ты зло, а moment.... in CSS — русскоговорящее сообщество
про антд, есть возможность его кастомизировать в scss проектах через это https://intoli.com/blog/antd-scss-theme-plugin/
источник

A

Arthur in CSS — русскоговорящее сообщество
Привет ребята, как мне сделать так, чтобы ширина блока в котором текст зависила от количества текста?
источник

A

Arthur in CSS — русскоговорящее сообщество
вот стили
источник

ИЛ

Иван Литвак... in CSS — русскоговорящее сообщество
Спан вроде
источник

A

Arthur in CSS — русскоговорящее сообщество
?
источник