🔖

React: そもそもuseState使うシーンって少ないってか最低限でいいよね、って話

2024/07/01に公開

思ったより使うシーン少ない

まじで少なく済んじゃう考え方(コツ)

  1. componentを細分化する
  2. 小さな粒度のconponentが小さなstateを(必要なら)useStateする

過去の誤った認識

子孫に行き渡ったstateのライフサイクル

  1. users[] などの大きな(大元の)データがuseStateで管理される
  2. followings, thumbnailsなどの子データはそれぞれのUIでuseStateされて管理される
  3. 子データが更新される場合は、(dbを更新して)子のstateを更新する
  4. このとき親のstateは更新されていない
  5. 親を更新する時(ページ更新や画面の切り替え)は親ごと新しいデータをfetchする

Discussion