Atomic Design を参考に Gatsby のサイトのコンポーネント分割を考える

とりあえず作ったサイトですが、いろいろ直したいところが山積しているので一つずつ片付けていこうという算段です。

まずは 単体テストが書けてない というのと、 デザインをなんとかできるようにしたい という問題を解決すべく、コンポーネント分割を見直すことにしました。
世の中のトレンドが分かっていなさそうなのですが、 Atomic Design の考え方が合っている気がしたので、色々と見てみました：

• Atomic Design
• Atomic Design を分かったつもりになる
• React Hooks ✕ AtomicDesignで画像投稿webアプリのフロントエンドを実装する

React の UI フレームワークとして、 Material UI も使っているので、これらを使いながら Atomic Design の考え方に沿ってコンポーネント分割を再考する、という作業を始めています。

厳密に Atomic Design に従おうとすると「おや？」というところが出てきてしまうと思いますが、まずはちょっと大目に見ながらぼちぼち進めていきます。