[z.com] Optimistic Updates

Optimistic Updates

공식문서 는 이곳을 참고하세용

이전 포스트에서 useMutation의 속성들을 알아보았다.

그것을 이용해서 Optimistic Updates를 적용해볼 것이다.

Optimistic Updates란?
성공하든 안 하든 유저한테는 일단 성공했다고 보여준 다음, 실패했으면 그 때서야 실패했다고 띄워주는 방식이다.

성공했을 때의 유저는 로딩없이 바로바로 처리되는 action에 만족을 느낄 수 있을 것이고, 실패했을 때는 성공했는데 갑자기 실패했다고?! 하는 황당함을 느낄 수 있을 것이다.

따라서 오류가 잘 나지 않는 곳에 적용해주는 것이 best이다.

기본 로직

Optimistic Updates의 기본 로직은 다음과 같다.
(아래는 공식문서 캡쳐본)

1. onMutate로 실행하자마자 성공을 띄워줌
2. 성공했을 때는 아무 처리 X
3. 에러가 났을 때는 되돌려줌
4. 끝났다면 후속처리

z.com

z.com에서는 하트 표시, 팔로우/언팔로우에다가 적용을 한다.