(react redux) api 데이터 사용 질문

Question

안녕하세요!
api를 활용해서 데이터 받아와서 
게시판형태로 list로 뿌리고 게시글 누르면 본문보이는 간단한 형태의 게시판을 만들어보는중 입니다.

api를 이용해서 가져오는 함수를 재사용하고싶은데
잘안되네요..

list페이지에서 데이터 전부받아오기위해서 axios로 값을 받아와서 뿌리고, 게시글 누르면 넘어오는 id값으로 디테일페이지를 보려고하면.

또 다시 디테일페이지에서 axios로 api에 접근해서 값을 가져와야하나요?

서칭을해봤는데 다들 그냥 페이지마다 비동기로 값을 받아오는거같은거같은데 재사용보다 매번받아오는게 옳은건가요?

redux를 학습하고싶어서 해보는데 잘안되네요..

허형준 · Answer

요청 결과가 매번 변경된다면(추천 알고리즘) 매번 받아오는게 올바른 방식입니다. 그게 아니라면 캐싱을 하거나 redux 상태에 보관해두거나 페이지가 reload 되도 값을 유지하고 싶다면 localstorage에 보관하는 방법도 있습니다. 근데 보통 매번 불러오는 방식을 사용하긴 합니다.

근데 보통 매번 불러오는 방식을 사용하긴 합니다.

권혁진 · Answer

list api에선 list만을 불러오는게 맞고
그 중 하나를 선택했을땐 그 하나를 가져오는 detail api를 따로 작성하는게 좋은 방법일듯 합니다

매번 불러오고 부하 걸리는 쪽이 고민되신다면

react-query 이용하셔서 stale time cache time 을 설정하셔서 캐싱을 유용하게 이용해보시면 될것 같습니다