a
как ты решишь задачу?
Size: a a a
2016 April 13
a
в каждом подкомпоненте будешь вешать &.site-test
VB
Можно использовать глобальный класс обычный
DΞ
:global или JS hoverVB
И написать что то вроде
:global(.list) .item {}
:global(.list) .item {}
АС
а context ?
a
хм, что про глобальный класс не подумал. Но решение как-то тоже не нравится)
a
с бэмом привычнее
a
если таких классов будет много, то опять же таки инкапсуляции не будет и надо будет писать ункиальное имя класса. Часть будет инкапсулировано, а часть нет. Как-то хз )
DΞ
JS hover — решение ;) Не так уж страшно
У JS hover есть большой плюс, можно через React Storybook показать на одной странице normal+hover состояния компонента, довольно удобно в вёрстке сложных компонент https://voice.kadira.io/introducing-react-storybook-ec27f28de1e2#.2cojh6zej
У JS hover есть большой плюс, можно через React Storybook показать на одной странице normal+hover состояния компонента, довольно удобно в вёрстке сложных компонент https://voice.kadira.io/introducing-react-storybook-ec27f28de1e2#.2cojh6zej
DΞ
storiesOf('NotificationItem', module) .add('Normal state', () => <NotificationItem data={data} />) .add('Hover state ', () => <NotificationItem data={data} hover />)DΞ
Рома Дворнов рассказывал, как за счёт этого подхода можно найти subtle баги, типа когда есть кнопка, есть у неё hover, и есть disabled. По отдельности ок. Но когда hover+disabled (тут наверное все помнят) вылезает какой-то глюк с CSS, — и JS hover вместо CSS hover тут помогает поднять качество. Просто все состояния компоненты можно увидеть одним глазом.
AN
если я правильно понимаю то реакт идет к тому, что бы для таких вещей контекст использовать
АС
вот не понятно, нормально ли будет от детей родителю контекст менять
AN
надеюсь нет)
АС
ну я тоже надеюсь )
AN
экшн отсылай какой нить
DI
За сутки нас уже больше 200! Парни, вы - сила!💪
NK
Денис, ты же в курсе, что есть старый чатик с 1к пользователей в гиттере?
DI
Зачитываюсь