メインコンテンツへスキップ

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

·1 分
UI/UX MaterialUI

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

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

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

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