Теперь CSS-блоки живут внутри файлов компонентов естественным для себя образом — в CSS-формате (против инлайн-стилей JS-объектов). И не нужно беспокоиться за глобальную область видимости.

lokhmakov Apr 10 2017 at 15:57

Мы используем для работы с CSS https://github.com/kriasoft/isomorphic-style-loader

Который добавляет и убирает CSS в зависимости от того смонтирован компонент или нет (SSR в комплекте), примерно так:

class YourComponent extends React.Component {
  ...
}

import withStyles           from 'isomorphic-style-loader/lib/withStyles'
import s                    from './Root.css'

import { compose }          from 'redux'

export default compose(
  withStyles(s),
)(YourComponent)

lokhmakov Apr 10 2017 at 15:59

Так же можно обратить внимание на react-css-themr, который позволяет полностью переопределять стили компонента путем задания другого css.

lokhmakov Apr 11 2017 at 11:05

Потестировал Styled JSX и сходу не нашел варианта реализации комплексных селекторов:

.root {
}

.root > div {
}

`root > div` не работает

fr_ant Apr 11 2017 at 10:58

src/node_modules/components/

а зачем в node_modules то складывать?

lokhmakov Apr 11 2017 at 11:01

После длительной дискуссии `src/node_modules` в `create-react-app` выбрано лучшим решением для абсолютных импортов.

Для создания библиотеки это так же позволяет решить задачу разделения демонстрационного приложения в стандартной структуре, а самого кода библиотеки в `src/node_modules`.

lokhmakov Apr 12 2017 at 18:26

Вторая статья «Full isomorphic create-react-app + SSR + npm packed shared components with CSS»

Чуть позже выложу на Хабре.

comerc Apr 12 2017 at 18:45

Чем больше сдадим, тем лучше! :)

lokhmakov Apr 12 2017 at 18:52

К счастью сдаю сам себе — поэтому все с удовольствием! )

UFO landed and left these words here