Size: a a a

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

2020 July 14

O

Olég in React — русскоговорящее сообщество
artalar
Как бы css не был организован, с классическими подходами кода всегда будет больше (значительно и избыточно).

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

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Olég
почему больше? мне кажется, я что-то упускаю, на самом деле
или это мой джунский рейдж на цсс прям в жс
меньше?
источник

a

artalar in React — русскоговорящее сообщество
Olég
почему больше? мне кажется, я что-то упускаю, на самом деле
или это мой джунский рейдж на цсс прям в жс
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Olég
почему больше? мне кажется, я что-то упускаю, на самом деле
или это мой джунский рейдж на цсс прям в жс
Потому что ты не сможешь искать dead-css
Ты задолбаешься соблюдать корректный порядок css правил, а порядок имеет значение.
источник

a

artalar in React — русскоговорящее сообщество
Olég
почему больше? мне кажется, я что-то упускаю, на самом деле
или это мой джунский рейдж на цсс прям в жс
Потому что с css-in-js не нужно писать className и думать о них вообще
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
artalar
- нет проблемы dead css
- легко описывать динамические стили
- в целом кода меньше
- изолированные селекторы из коробки
- не нужно настраивать сборку (хотя смотря что нужно)
- некоторые решения позволяют код в целом писать более семантичный == легкочитаемый
а как же производительность?
источник

a

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

OR

Oleg Rizhkov in React — русскоговорящее сообщество
artalar
С reshadow накладных расходов практически нет
это либа?
источник

a

artalar in React — русскоговорящее сообщество
Oleg Rizhkov
это либа?
YouTube
Артур Кенжаев — В поисках Стилевого Грааля
Артур Кежаев на Tver.io Open-Source Meetup 10-го мая 2019.

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

В докладе мы обсудим преимущества и недостатки различных подходов к стилизации приложений в контексте дизайн-системы Яндекс.Маркета, обслуживающей несколько сильно различающихся проектов. Я поделюсь нашей историей этого непростого приключения в поиске Стилевого Грааля, когда Performance не мешает Developer Experience, и также расскажу про наши решения и инструменты, позволяющие проводить гибкие и сложные A/B-тесты с помощью стилизации и Dependency Injection.


Ссылка на слайды: https://go.tver.io/2019-05-open-source-kenzhaev
Библиотека из доклада: https://github.com/lttb/reshadow

#tverio #opensourcemeetup
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Oleg Rizhkov
а как же производительность?
css-in-js не значит, что у тебя в итоге не будет статического css. css-in-js это абстракция, которая может быть реализована как угодно.
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
artalar
С reshadow накладных расходов практически нет
🤔 альтернатива styled? на него пересаживаться?
источник

Э

Эльдар in React — русскоговорящее сообщество
ребята, как подружить formik и react-select?
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Можешь глянуть zero-runtime библиотеки по типу reshadow или linaria
источник

Д

Дмитрий in React — русскоговорящее сообщество
Иван
Работает так же
очень странно. в WebStorm если пытаюсь получить через props.isStart то ошибка. А если через
const { isStart } = props; то все работает
источник

EM

Eugene Maltsev in React — русскоговорящее сообщество
Какая ошибка?)
источник

O

Olég in React — русскоговорящее сообщество
dead css: видел в CS, говнокодить можно в чем угодно
корректный порядок тоже не является проблемой, если семантику поддерживать
reshadow интересно выглядит
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Olég
dead css: видел в CS, говнокодить можно в чем угодно
корректный порядок тоже не является проблемой, если семантику поддерживать
reshadow интересно выглядит
Есть только проблема одна: ты не только свой код используешь
источник

O

Olég in React — русскоговорящее сообщество
Андрей Звёздочка
Есть только проблема одна: ты не только свой код используешь
почему это проблема? наоборот же :_
источник

И

Иван in React — русскоговорящее сообщество
Дмитрий
очень странно. в WebStorm если пытаюсь получить через props.isStart то ошибка. А если через
const { isStart } = props; то все работает
ты про ошибку тайпскрипта?
источник

АЗ

Андрей Звёздочка... in React — русскоговорящее сообщество
Olég
почему это проблема? наоборот же :_
Нет. Потому что ты не контролируешь когда стили инжектятся на страницу. У нас такая проблема была один раз
источник