ReactにCSSモジュールを導入したが、これらを管理していくべきか？

[kazuakiokamoto]

Issueのタイトル

ReactにCSSモジュールを導入したが、これらを管理していくべきか？

質問内容(20文字程度) / AMAブース名(下記)

質問をしたいAMAブースを選択してください

• フロントエンドの課題を啓蒙する方法 by @yhassy

質問

デザインシステム導入の最中です。ReactにCSSモジュールを導入して、コンポーネントも部品ごとに作ったが、これらを管理していくべきか？

[kazuakiokamoto]

回答

ツールの選定ではものすごく混乱しました、今でもまだ少し混乱しています。
最初に使ったのは Hologram だが、デザイナが介入できなかった。そのほかJekyll のような静的ページ生成ツールでやったらデザイナーは介入できたが課題も多く残った。Docsでやってみたりとかも色々試したが、パーフェクトにこれでOK！というものが存在しないと思います。
Reactだったら、'Grommet'とうのがあって、CSSモジュールで書いたCSSをスタイルガイドにしてくれるが、メンテナンスとデザイナをどう巻き込むか？といった問題が残るかと思います。
デザインシステムに共感できるデザイナを巻き込んで、メンテナンスの手伝いをしてもらいつつ、フロントエンドと協力していくのが良いと思います。
デザインデータのバージョン管理で言えば、'Abstruct'というのもあるが、ファイル管理が複雑になりそうな予感がしている。
何だかんだ Githubでバージョン管理が一番楽そうな気もしています。デザイナ・エンジニア両者にとってベストな選択というはないかもしれませんが、少しでも前進するためにお互い何ができるか話し合う場があると良いですね。