E quem não trabalha com React, como dar "O fim do CSS global"?
Fernando Moreira
11

ótima pergunta! :)

boa parte do truque aqui, se você olhar bem de perto, não é React, é o webpack!

a responsabilidade de criar os escopos e automatizar toda a declaração/nomenclatura, fica nas costas da sua estrutura de tooling, nesse artigo, usamos webpack!

Você pode dar uma olhada no Github do CSS Modules:

https://github.com/css-modules

Tem exemplos usando browserify, postcss e os módulos do "core" usados por esses plugins/exemplos.

eu mesmo já utilizei CSS Modules em um projeto Backbone, o "mindset" de components não se aplica apenas ao React (apesar de popularizar e, na parte de implementação, facilitar a vida nessa abordagem).

O tooling ajuda na organização e a organização ajuda no tooling, dessa parte em diante, é com o desenvolvedor!

todos os resultados descritos aqui, foram graças ao webpack!