React, server state와 global state 관리에 대해서
Server State와 Global State의 데이터를 관리하는 기법이나 방법론에 대해서 알아본다.
두 State를 관리하는 방법에 대해서 툴이 개발된 것들이 있는데 그 툴을 기반으로 따라가본다.
이 부분에 대한 아티클 2개
https://www.freecodecamp.org/news/how-to-manage-state-in-your-react-apps/
How to Manage State in Your React Apps
Managing state in your React apps isn’t as simple as using useState or useReducer. Not only are there are a lot of different kinds of state, but there often dozens of ways of managing each kind. Which should you choose? In this guide, we will uncover the
www.freecodecamp.org
https://alexmngn.medium.com/what-react-global-state-management-libraries-should-you-use-b67a05f0e20
What React global state management libraries should you use?
Is Redux still relevant today? Is there better state management for React? What are the different state management libraries available?
alexmngn.medium.com
처음에 Server Data관리에 대해서 들었을 때는 서버의 데이터와 동기화 부분만 관련있는걸로 생각했는데
다른 툴들을 살펴보니 동기화와 캐시에 대한 관리기법이 주를 이루는 것 같다.
React Query
https://github.com/tanstack/query
SWR
"SWR"이라는 이름은
HTTP RFC 5861
에 의해 알려진 HTTP 캐시 무효 전략인
stale-while-revalidate
에서 유래되었습니다. SWR은 먼저 캐시(스태일)로부터 데이터를 반환한 후, fetch 요청(재검증)을 하고, 최종적으로 최신화된 데이터를 가져오는 전략입니다.
첫 배타 : on 27 Nov 2021