この記事は第2のドワンゴ Advent Calendar 2018 24日目の記事です。 ドワンゴでニコニコ生放送のWebフロントエンジニアをやっています、 @misuken です。 14日目の React + TypeScript における ViewComponent の美しい合成技術 18日目の 超簡単に数値を 1,234 1.2万 12.3万 123万 1,234万 1.23億 ... に整形する方法 23日目の AtomicDesign の atom より小さな世界の扉を開く に続いての投稿です。 今回のお題 今回は AtomicDesign でハマりがちなコンポーネントの粒度問題、ならびにコンポーネント名やディレクトリ構成の問題を解決するLayerdAtomicDesign(階層化アトミックデザイン) という考え方を紹介します。 AtomicDesign に階層の概念を取り入れる