
エントリーの編集

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
【React Native】FlatListのレンダリングについて実験&改善してみた - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
【React Native】FlatListのレンダリングについて実験&改善してみた - Qiita
React(React Native)でstateの更新時にどのように再レンダリングが走るか、理解が甘かったので実験して... React(React Native)でstateの更新時にどのように再レンダリングが走るか、理解が甘かったので実験してみました。 今回はFlatListを例にしています。 リストはFlatListを使っておけば取り敢えずOKや〜♪ と思っていましたが、思った以上に不要なレンダリングが走っていることが分かりました。 リストは項目数が増えると再レンダリングの影響も大きいので、改善の効果も大きいと思います。 実験0 親のstateが更新されると問答無用で子や孫も再レンダリングされる件 FlatListとは直接関係ないですが、Reactの再レンダリングを学ぶために実験してみました。 こんな感じで、Large > Middle > Smallの入れ子になったコンポーネントを用意しました。 そしてこれらと関係のないカウンターのstateを更新した再の再レンダリングを調べてみます。 // 上記の画面の