React の新しい概念「トランジション」で React アプリの応答性を改善する - 30歳からのプログラミング

React v18 には多くの改善や新機能が盛り込まれる予定だが、そのなかでも特に注目を集めると思われるのが、Concurrent Features と呼ばれる一連の機能。 これらの機能を使うことで、コンポーネントのレンダリングについてより柔軟な設定が可能になり、上手く使えばパフォーマンスや UX の向上を実現できる。 この記事では Concurrent Features のひとつであるstartTransitionと、それを使いこなす上で重要な概念である「トランジション」について説明する。 この記事ではコンセプトの説明や具体例の提示のみを行う。詳細を知りたい場合は以下を参照。 一年前の記事であるため古くなっている部分もあるが、根幹は大きく変わっていないと認識している。 なお、上記の記事には「Concurrent Mode」という用語がタイトルに入っているが、これは今後は使われなくなってい

[mizdra]

分かりやすい

[gachapining]

ここま丁寧でわかりやすい説明ってなかなかできないと思う。スッと入ってくる。すごい。

[Pasta-K]

完全に欲しかったやつじゃん

[nilab]

React の新しい概念「トランジション」で React アプリの応答性を改善する - 30歳からのプログラミング

[hennamanao]

へ〜

[joltkun]

“トランジションとは「優先度が低い状態更新」のことであり、どの状態更新がトランジションであるかを指定する形で、レンダリングに優先順位をつけることができる。”

[kako-jun]

レンダリングを1巡遅らせるためだけの、直感的でないsetTimeoutが要らなくなるのね。この例だと定数だけど、実践ではuseQueryの使い所になって、それにもisLoadingはあるから、使う機会は限られるかも？

[yhara]

わかりやすかった。ありがたい

[mayumayu_nimolove]

手段の一つとして

[Lumin]

…reduxsaga使えば良くね？

[hasiduki]

珍しい機能じゃないし、何がすごいのかよくわからん！