楽観的更新の検索結果1 - 2 件 / 2件

• あとで読む

  楽観的更新を行うための React の useOptimistic フック

  • 38 users
  • azukiazusa.dev
  • テクノロジー
  • 2024/05/12

  React v19 では楽観的更新を行うための `useOptimistic` フックが導入される予定です。楽観的更新とは、ユーザーの操作に対して非同期処理の完了を待たずに UI を更新する手法のことです。楽観的更新によりユーザーの操作に対して即座にフィードバックを提供できるため、UX の向上につながります。 React v19 では楽観的更新を行うための useOptimistic フックが導入される予定です。楽観的更新とは、ユーザーの操作に対して非同期処理の完了を待たずに UI を更新する手法のことです。楽観的更新によりユーザーの操作に対して即座にフィードバックを提供できるため、UX の向上につながります。 楽観的更新を使用している例として、X（旧 Twitter）のいいねボタンがあります。いいねボタンをクリックすると、即座にボタンの色が変わり、いいねの数が +1 されます。このタイミ

  • react
  • あとで読む
  • techfeed
  • UI
  • *

  
• あとで読む

  Optimistic Update (楽観的更新)でストレスのないUXを実現する

  • 3 users
  • zenn.dev/funteractiveinc
  • テクノロジー
  • 2022/06/29

  ファンタラクティブのエンジニアの 太田 です。 Optimistic Updateについて検討する機会があったので紹介します。 SPAでAPIを利用しデータを更新しその結果を画面に反映させる場合、APIのレスポンスを待つ必要があります。 しかし、レスポンスを待ってから画面に反映すると、ユーザーが操作してから画面に反映されるまでに時間がかかり、UXが悪くなってしまいます。 そんな悩みを解決するのがOptimistic Updateです。 課題 ユーザーの操作によりデータを更新し、その結果が返ってくるまで1秒かかるとしたら、1秒以上経ってから画面に反映されるため、もっさりしたシステムに感じます。 1秒ならまだマシですが、これがもっと長かったらどうでしょう。 またデータ更新後、別のデータ取得APIを呼び出して更新したデータを再取得する仕組みになっているかもしれません。 その場合、それぞれのAPI