BEM is a highly useful, powerful, and simple naming convention that makes your front-end code easier to read and… (久しぶりに公式みたらロゴ変わってた) 使ってたものgulpSass(gulp-sass)BEMReactとは別にSassが階層構造を持って画面ごとのscssファイルおよび共通部品は切り出したモジュールとしてscssファイルを分けてimportする形でした。 BEMはスコープの無いCSSの世界で命名ルールを設けることで擬似的にスコープを閉じて衝突しないようにするものです。 導入当初はページ単位でBEMの定義をしている感じでしたが、Reactはコンポーネント単位で共通化したりするためそこの乖離が出てしまい設計が壊れてしまったりしていました。 👍デザイナーとの協業普通
![Reactとともに使ってきたCSS環境の変遷を振り返る|アソビュー!Tech Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/52d6c85ae143eaf6554293d52e6f656c55e102df/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2AFt38u3RY3g4wwIQsGPNIEw.png)