Size: a a a

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

2021 April 23

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Нужно четко понимать плюсы css in js подхода. И понимать что стайледы как реализация такого похода совсем не идеальна (прям далеко). Она хорошо подходить для ui компонентов (например кастомный ui kit или его зародышь😅), но зачастую является оверхедом для стилизации всего всего, если у нас не 100500 тем (потенциально настраиваемых юзером) или типизация стилей
источник

TP

Taras Postolyuk in React — русскоговорящее сообщество
Что такое DX?
источник

МS

Марциновский Simon👌... in React — русскоговорящее сообщество
XD
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Ну, для меня основной плюс - это изоляция стилей
Плюс удобная работа со всякой динамикой через пропсы
Каких-то других киллер-фич я не понимаю

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

О, еще, наверное, удаление мертвого css
источник

МS

Марциновский Simon👌... in React — русскоговорящее сообщество
Мне модули больше нравятся
источник

GO

Green Orange in React — русскоговорящее сообщество
Developer experience
источник

TP

Taras Postolyuk in React — русскоговорящее сообщество
aaaa
источник

МS

Марциновский Simon👌... in React — русскоговорящее сообщество
Тут на любителя
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
"всякой динамикой через пропсы" это удобство проявляется в большей степени только для численных пропов. А найдешь вот сейчас их у себя в проекте?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Можно делать динамику с использованием custom-properties, не понимаю почему только численных
как вот тут описано https://www.joshwcomeau.com/css/styled-components/
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Ты статью то читал?) там как раз описано как используя кастом пропертиес не абьюзить стайлед апи потому что это медленно)
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Вот смотри. Это разве стайлед специфик подход?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
🙄 конечно читал, потому и говорю об этом
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
так что?
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Нет, он красиво интегрируется со styled-ами
https://t.me/react_js/1162085 - Окей, динамика под вопросом)
Остальное?)
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Давай с этим закончим. Зачем автор статьи пошел на такие "извращения" если есть стайлед апи? Типо так

const Styled = styled`
opacity: ${s => s.opacity}
`
<Styled opacity={somePropNumber} />
источник

VK

Vladimir Klimov in React — русскоговорящее сообщество
Ну, потому, что динамика на custom-properties сильно производительнее, это браузерное апи
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
вооо верно. Но не динамика как таковая а динамика в рантайме. Те это анимации или то что зависит от пользовательских действий (хотя так если вникнуть то и анимации ту да же)
источник

ДБ

Денис Богданенко... in React — русскоговорящее сообщество
это значит что нпм пакет не совместим с последней версией реакта?
источник