今後はAtomic Designに基づくCSS設計が主流になっていく

と思っています。
こんばんは sushi-udon です。

会社で仕事をしていると思うことなのですが「今後のCSSアーキテクチャは、Atomic Designに基づく設計が主流になっていく」と思います。

実際に使用していて、便利なことしかなかったからです。
もちろん、デメリットもありますが、比重にかけたとき、メリットのほうが大きいです。

メリット

• コンポーネントごとにCSSをつけていくため、違うページで使われているコンポーネントも流用がしやすい。
• コンポーネントの粒度を間違えても、比較的安易に修正が可能である。

デメリット

• コンポーネントの数が多くなればなるほど、管理ファイルが多くなる
• 「どこまでをorganismにして、moleculeにするか」など、人によって設計のばらつきが見えてくる

が、実際に実装していて感じる、メリット・デメリットです。

ファイル数が多くなってくるのは、Atomic Designに関わらず、サイトが大規模になればなるほど、仕方のないことだと思います。

scssファイルを管理するのが嫌であれば、Vueの単一コンポーネントを導入するなどで、対策が可能であると思います。

また「人によって設計粒度が違う」は、共通の認識…ドキュメントを導入することによって、解決しますし、Atomic Designで実装すればするほど、感覚がつかめます。