Redux handling loading => api 단위가 아닌 id 단위로 이뤄졌을 때

[yjkwon07]

상황

• CRUD API가 특정 Id만 Edit(update, delete) 요청이 일어날 때, api를 watch하는 component 모두 loading이 일어난다.
• 특정 id의 변화를 감지해야할 때, 해결하는 방법은?
• 여기서 중요한점은, post 리듀서는 fetchStatus 리듀서와 분리 되어있다. (관심사 분리)
  • fetchStatus와 saga(helper)에서 조금만 건들면 해결점이 보인다.
• 참고

해결

• saga에서 meta 정보를 입력하도록 하는것이 좋을지, 아니면 컴포넌트에서 meta를 입력할지 고민이 된다.
• 현재 내린 결론은 component에서는 actionList를 깜빡 할 수 있거나, 반복된 쿼리 데이터를 작성해야 하므로 saga에서 입력하도록 한다. => useFetchStatus 에서 loading을 알아야 하는단일 id 정보를 추가하여, id 상태를 확인할 수 있는 훅스를 만들고, 컴포넌트에서는 id값을 넣으면, 특정 Id status를 추적하고, id 정보가 아니면, fetch(api 단위)상태를 받게된다.