Server State와 Global State의 데이터를 관리하는 기법이나 방법론에 대해서 알아본다.
두 State를 관리하는 방법에 대해서 툴이 개발된 것들이 있는데 그 툴을 기반으로 따라가본다.
이 부분에 대한 아티클 2개
https://www.freecodecamp.org/news/how-to-manage-state-in-your-react-apps/
https://alexmngn.medium.com/what-react-global-state-management-libraries-should-you-use-b67a05f0e20
처음에 Server Data관리에 대해서 들었을 때는 서버의 데이터와 동기화 부분만 관련있는걸로 생각했는데
다른 툴들을 살펴보니 동기화와 캐시에 대한 관리기법이 주를 이루는 것 같다.
React Query
https://github.com/tanstack/query
SWR
"SWR"이라는 이름은
HTTP RFC 5861
에 의해 알려진 HTTP 캐시 무효 전략인
stale-while-revalidate
에서 유래되었습니다. SWR은 먼저 캐시(스태일)로부터 데이터를 반환한 후, fetch 요청(재검증)을 하고, 최종적으로 최신화된 데이터를 가져오는 전략입니다.
첫 배타 : on 27 Nov 2021