Коллеги, если что это шутка за 300 =)

трудоустройство не официальное. зп 150-200 максимум. детектед

А вот тут ищут кого-нибудь для создания "next generation virtual DOM library" :) http://company.trivago.com/jobs/1258/

Ну да Потому так делать и не надо )

Хорошо, может проблема надумана, на практике css-модули еще не использовал.. Собственно: .component1 { compose: style1 from './css1.css'; compose: style2 from './css2.css'; } Если есть конкурирующее свойство между style1 и style2 - оно определится из style2, потому что он будет загружен на страницу последним. А если до этого уже загрузил component2, где: .component2 { compose: style2 from './css2.css' } Тогда на странице сначала появится css2.css, потом css1.css. И конкурирующее свойство в component1 будет из style1, а не так ожидается. Что-то не так?

как с помощью CSS Modules решается следующий кейс? .ComponentA:hover .ComponentB{ background: red; } Естественно ComponentA и ComponentB описаны в разных css

Хорошо, может проблема надумана, на практике css-модули еще не использовал.. Собственно: .component1 { compose: style1 from './css1.css'; compose: style2 from './css2.css'; } Если есть конкурирующее свойство между style1 и style2 - оно определится из style2, потому что он будет загружен на страницу последним. А если до этого уже загрузил component2, где: .component2 { compose: style2 from './css2.css' } Тогда на странице сначала появится css2.css, потом css1.css. И конкурирующее свойство в component1 будет из style1, а не так ожидается. Что-то не так?

интересно, надо попробовать просто..)

можно добавить глобальные классы этим компонентам и сделать что-то в стиле :global(.component-a):hover :global(.component-b) {background: red;}

ну с глобал это понятно, но хотелосьбы какое-нибудь такое решение https://github.com/webpack/css-loader/pull/212 https://github.com/css-modules/css-modules/issues/102

Хорошо, может проблема надумана, на практике css-модули еще не использовал.. Собственно: .component1 { compose: style1 from './css1.css'; compose: style2 from './css2.css'; } Если есть конкурирующее свойство между style1 и style2 - оно определится из style2, потому что он будет загружен на страницу последним. А если до этого уже загрузил component2, где: .component2 { compose: style2 from './css2.css' } Тогда на странице сначала появится css2.css, потом css1.css. И конкурирующее свойство в component1 будет из style1, а не так ожидается. Что-то не так?

я бы вынес необходимые свойства из css1 и css2 в отдельный и композил с него, чтобы не было таких нитей путаницы

ну с глобал это понятно, но хотелосьбы какое-нибудь такое решение https://github.com/webpack/css-loader/pull/212 https://github.com/css-modules/css-modules/issues/102

ну вот когда сделают рефы, тогда будет легко делать такие вещи) а пока придется использовать глоб классы

Тут есть такие кто живет в рашке и имеет долю в иностранном стартапе/компании?

кстати, а в Link от реакт роутера можно как-то к цсс модулям прикрутить? Имеено activeClassName

activeClassName={styles.activeLink}

у меня styles приходят пустым объектом

цсс подключен, класс там есть, все заэкспортировано

надо обернуть все что в ксс в коснтрукцию :local { ... }

https://github.com/webpack/css-loader#local-scope

например как то так

:local { .filterSearchWidget { height: 50px; justify-content: center; align-items: center; } }

не, там не нужно оборачивать, поскольку стоят react-css-modules. Они все сами оборачивают

возможно, но я не использую react-css-modules, предпочитаю лучше https://github.com/itsmepetrov/classnames-loader

classnames использую лишь когда нужно менять классы

react-css-modules позволяют писать styleName='some-class' вместо styleName={styles.someClass}

меня не устраивает что чуть ты ушел из метода render так уже это решение не работает

если у тебя есть метод rednerItems() {} т ов нем уже не получится писать так styleName='some-class'

с тем лоадером синтаксис написания чуть подлинее

styleName={cx('some-class')}

почему не получится?

все работает

но зато рабоатет везде

все работает

ну несколько месяцев назад когда я сомтрел это не было реализовано

возможно уже поправили

https://github.com/gajus/react-css-modules#loops-and-child-components

нет не решена эта проблема

с тем лоадером синтаксис написания чуть подлинее

плюс не надо спользовать HOC или декораторы

а, да, действительно

возможно, но я не использую react-css-modules, предпочитаю лучше https://github.com/itsmepetrov/classnames-loader

Вот штука хорошая. Помогла. Спасибо

Вот штука хорошая. Помогла. Спасибо

всегда рад помочь)

ну с глобал это понятно, но хотелосьбы какое-нибудь такое решение https://github.com/webpack/css-loader/pull/212 https://github.com/css-modules/css-modules/issues/102

ты с бем знаком ? Если требуется такой вот ховер, то это означает что где-то проблема в архитектуре. Делай ховеры в пределах одного блока.

а можно самому устанавливать в реакт роутер парамсы?

<Route myParam={true} /> <---- так?

чутка не дописал) из компонента Link

только не query

да там стейт есть

сек

Реакт Фейсбук же.

чутка не дописал) из компонента Link

https://github.com/reactjs/react-router/blob/master/docs/API.md#link

смотри state

to.state *

о как, спасибо)

ERROR: S client not available

ребзя, а где вы ищете удаленку вне снг кроме indeed?

Ребят, давайте без политики и всего этого треша, ок?

есть @flood для таких целей)

все же давайте здесь задавать вопросы про реакт

как с помощью CSS Modules решается следующий кейс? .ComponentA:hover .ComponentB{ background: red; } Естественно ComponentA и ComponentB описаны в разных css

это было для меня главной причиной почему они не понравились.)

ты с бем знаком ? Если требуется такой вот ховер, то это означает что где-то проблема в архитектуре. Делай ховеры в пределах одного блока.

В реакте один бэм блок может состоить из 10 разных компонентов, у которых разные стайл файлы. Вот там уже проблема будет.

это если делить на маленькие компонентики. Если делать большие, то чуть лучше

я хз как там верстатели выживают. но мне определённо не понятно нафига они запилили такую штуку абсолютно не разобравшись в том, что верстателям и без этой замечательной вещи живётся итак не сладко

я хз как там верстатели выживают. но мне определённо не понятно нафига они запилили такую штуку абсолютно не разобравшись в том, что верстателям и без этой замечательной вещи живётся итак не сладко

Под штукой подразумевается БЭМ или CSS-modules?

Ребята, а не думали вечерами в дискорд собираться?

Ребята, а не думали вечерами в дискорд собираться?

для ламповых голосовых посиделок?

для ламповых голосовых посиделок?

Да.

Никто не предлагал, вот и не собирались видимо, хотя вроде это МОДНО СТИЛЬНО МОЛОДЕЖНО

Под штукой подразумевается БЭМ или CSS-modules?

второе

второе

Так верстальщики пусть верстают как верстали. А программист уже скопирует куда нужно и соберёт как ему захочется. (если, конечно, у вас есть разделение на верстальщик/программист).

лол

Блее

а потом придёт менеджер, и попросит верстальщика подвинуть на 10пикселей картинку. 1) верстальщик двигает 2) программист двигает

Мне щас верстануть надо

Графоны для соцсети

Мне щас верстануть надо

зас ?

Ребята, а не думали вечерами в дискорд собираться?

эх, даже не слышал о таком)

эх, даже не слышал о таком)

discordapp.com

можно даже через браузер