Optimistic UI Update
樂觀更新
01你是不是遇到這個 / THE SYMPTOM
使用者按了讚或送出後，要等伺服器回應才看到畫面變化，整個卡卡的很慢；我想讓它「按下去馬上就變」，但又怕真的失敗了畫面會說謊。
↑ 如果你點頭了，你要的關鍵字就是 Optimistic UI Update。
02這是什麼 / DEFINITION
在送出請求的當下就先假設會成功、立刻更新畫面，等伺服器回應；如果失敗再把畫面回滾成原本的狀態並提示錯誤。
03什麼時候用 / WHEN TO USE
高機率成功、且即時回饋很重要的操作：按讚、加入購物車、勾待辦、傳訊息。讓互動感覺零延遲。
04怎麼跟 AI 說 / HOW TO ASK
直接複製這句、貼進 Claude Code / Cursor / Copilot / ChatGPT：
幫這個按讚動作加上 optimistic update：點下去先在前端立即更新數字，同時送 API，如果回傳失敗就 rollback 還原並顯示錯誤提示。
05常見坑 / WATCH OUT
⚠ 重點在「失敗回滾」——很多人只做了樂觀更新卻忘了 rollback，結果伺服器失敗了畫面還顯示成功，變成騙使用者。失敗率高或後果嚴重的操作（付款）反而該老實等回應。
06相關的詞 / RELATED