의존성 결정
userId, filter, page처럼 요청을 바꾸는 값을 effect 의존성로 명확히 둡니다.
deps요청 시작
AbortController를 만들고 loading, error, data 상태 전환을 시작합니다.
start응답 검증
응답이 현재 의존성에 해당하는지 확인해 오래된 응답이 최신 상태를 덮지 않게 합니다.
stale guard취소 처리
의존성이 바뀌거나 컴포넌트가 언마운트되면 이전 요청을 abort합니다.
cleanup오류 분리
취소, 네트워크 실패, 서버 오류, 검증 오류를 다른 UI 상태로 구분합니다.
error modelRace
응답 순서 뒤바뀜
늦게 끝난 이전 요청이 최신 화면을 덮지 않도록 request id나
abort를 씁니다.
검색 UI 흔함
Unmount
사라진 컴포넌트 상태 업데이트
cleanup에서 요청을 취소하거나 상태 반영 전 mounted 여부를
확인합니다.
경고 예방
Retry
일시 실패 복구
네트워크 오류와 4xx 검증 오류를 구분해 재시도 여부를
결정합니다.
중복 요청 한계