2024年7月31日のブックマーク (1件)

  • state 構造の選択 – React

    快適に変更やデバッグが行えるコンポーネントと、常にバグの種になるコンポーネントの違いは、state をうまく構造化できているかどうかです。ここでは、state 構造を考慮する際に役立つ、いくつかのヒントをご紹介します。 このページで学ぶこと 単一の state 変数と複数の state 変数の使い分け state の構成において避けるべきこと state 構造の一般的な問題を修正する方法 state 構造の原則 state を格納するコンポーネントを作成する際に、いくつ state 変数を使うのか、データ構造をどのようにするのかについて選択を行う必要があります。最適とはいえない state 構造でも正しいプログラムを作成することは可能ではありますが、より良い選択をするために役立つ原則がいくつか存在します。 関連する state をグループ化する。2 つ以上の state 変数を常に同時に更

    state 構造の選択 – React
    shingo-sasaki-0529
    shingo-sasaki-0529 2024/07/31
    関連する状態は一つにまとめる。逆に関連しないものをまとめない。矛盾した状態を作れないようにする。propsとかから計算できるものを状態にしない。 基本的なことだけどウッカリミスしがち。