histories[...] この記事ははてなエンジニア Advent Calendar 2023の15日目の記事です。 皆さんは React 書いてますか、最近のフロントエンドを触った人なら書いた事がない人は居ないと思います。 React を書いていてよく起きる問題に、コンポーネントをどれぐらいの粒度で分割するか、という事があると思います。 ただし、多くの皆さんはアトミックデザインでパターンを適用して分割!で済ませていませんか? 現代の React ではただコンポーネントを分割すれば良いだけではない状態になっています。 というのも、React のコンポーネントを分割するというのは、そのコンポーネントの挙動すら変え得る行為なのです。 見通しのための分割よくある分割の理由として、コードの見通しを良くする為の分割があります。 コンポーネントがあまりにも肥大化すると、行数が増えて単純に見通しが悪