인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

뿌셔뿌셔님의 프로필 이미지
뿌셔뿌셔

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

상태관리에 대해 질문드립니다.

작성

·

239

0

안녕하세요 제로초님,

정말 기초적인 질문인 것 같은데 검색해보아도 긴가민가하여 명확하게 알고싶어 고민끝에 질문드립니다.

 

강의에서 배운 redux, redux-saga는 어느정도 이해가 되어 다른 상태관리 라이브러리로 대체해서 적용해보고자 공식문서와 깃허브에 올려주신 코드들을 보면서 먼저 어떤 차이가 있는 지 알아보았는데요.

 

다양한 라이브러리가 있지만 우선 깃허브로 소개해주신 라이브러리만 보았을 때

SWR이나 React Query - 서버 상태관리 라이브러리

Redux Toolkit - 전역 상태관리 라이브러리

로 나누어 이해하였습니다.

 

그런데 깃허브에 올려주신 React Query 코드를 보면 상태관리가 리덕스나 리덕스툴킷없이 리액트쿼리로만 작성되어 있습니다. Redux Toolkit을 적용한 코드에는 중간중간 SWR이 적용되어 있었구요.

여기서 궁금한 점은

  1. Redux Toolkit은 전역 상태관리이기때문에 SWR이나 React Query 없이 단독으로 전체 관리가 가능하다고 생각했는데 React Query만으로 작성된 코드를 보니 조금 헷갈리는데요. 노드버드 프로젝트에서는 클라이언트 상태관리가 필요없이 모두 비동기로 이루어져 가능했던 것인지 아니면 다른 이유가 있는 것인지 궁금합니다.
  2. 현재 깃허브에 올라와 있는 React Query 코드에 기능 추가로 Redux Toolkit을 함께 쓰게 된다면 깃허브 Redux Toolkit 코드처럼 store와 reducers를 만들어서 그 기능에 대해서만 state 변경 적용을 해주면 되는 것일까요?

 

 

답변 1

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

1. swr이나 react-query는 서버 데이터를 가져오는 용도로 많이 쓰는 것은 맞는데요. 전역 상태 관리도 가능합니다. 그래도 보통 redux와 같이 쓰는 것을 추천하긴 합니다.

2. 네 store, reducers(slices)를 같이 만들어서 똑같이 하시면 됩니다.

뿌셔뿌셔님의 프로필 이미지
뿌셔뿌셔
질문자

답변 감사합니다~!!!

뿌셔뿌셔님의 프로필 이미지
뿌셔뿌셔

작성한 질문수

질문하기