목록optimistic updates (1)

sohyeon kim

[React] TanStack Query : Optimistic Updates 옵티미스틱 업데이트

💡 사용자에게 빠른 피드백을 제공하도록 하는 옵티미스틱(낙관적) 업데이트 어떤 요청이 있었을 때 서버 요청이 정상적으로 잘 될거란 가정 하에 UI 를 먼저 변경하고, 그 후 요청을 보내는 방식!서버 요청이 실패한다면 UI 는 다시 원상복구(revert / roll back) 된다.  const addMutation = useMutation({ mutationFn: addTodo, // 실행 순서 (2) // onSuccess: () => { ** 기존 방식 성공하면 무효화 // queryClient.invalidateQueries(["todos"]); // }, onMutate: async (newTodo) => { // 실행 순서 (1) console.log(..
React 2024. 8. 6. 22:46
이전 Prev 1 Next 다음