単一責任の原則

1 つのコンポーネントは理想的には 1 つのことだけを行うべき。
もし大きくなってしまったら、より小さなサブコンポーネントに分解するのを検討する。

本当に必要な state か

stateを用意する前に以下を自問する。

• 時間が経っても変わらないもの であれば、state ではない
• 親から props 経由で渡されるもの であれば、state ではない
• コンポーネント内にある既存の state や props に基づいて計算可能なデータ であれば、state ではない

例えば検索テキストやチェックボックスは 何から計算することはできないため state としてふさわしい。