optimistic-UI

Optimistic-UI

성능을 올릴 수 없다면 속여보자! 실패할 수도 있는 쿼리지만 서버로 부터 받는 응답이 성공할 것이라고 가정하고 사용자에게 성공 시 결과를 미리 보여주는 것을 말한다.

사용 조건

1. 실패 확률이 없어야 한다
2. 실패하더라도 문제가 없어야 한다

graphql mutation 은 optimistic 를 제공하고 있다.

좋아요 개수 올리기

optimistic ui를 적용해볼 수 있는 가장 쉬운 방식이다.

기존 방식은 다음과 같이 진행된다.

1. 좋아요 api 전송
2. 백엔드가 DB에서 해당하는 글을 찾음 좋아요 반영
3. 좋아요 개수 변경
4. 결과 프론트에 전송

optimistic ui 방식

1. 좋아요 api 전송
2. 백엔드가 DB에서 찾는 동안 미리 좋아요 개수 화면에 출력
3. 백엔드에서 개수 변경 후 프론트에 전송

이런 식으로 진행되기 때문에 사용자는 보다 나은 서비스를 경험할 수 있다.