ó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!

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store