리액트에서 상태관리 라이브러리 (리덕스, 리코일 등..) 무엇을 사용해야 할까요..?

Question

첫 프로젝트를 백엔드 3명, 프론트엔드 3명이서 진행하게 되었습니다.원래 커리큘럼에서는 뷰를 배웠는데 이번에는 리액트를 배워서 해보자하여프론트엔드 팀원들은 전부 리액트를 처음부터 배우고 있습니다.다들 공부를 시작한지는 현재 일주일 남짓이라 아직 리액트에 대해서도그 누구도 딱히 약간이나마 안다고 말하기 어려운 상황입니다.뷰를 배울때는 피니아로 상태관리를 했었는데리액트에서는 상태관리 라이브러리를 따로 사용해야 되는 것 같더라구요.검색해보니까 리덕스, 리코일 등이 있는 것 같고리덕스는 좀 더 범용적이고 오래 사용되어왔으며 러닝커브가 높고리코일은 덜 복잡하며 쉽고 함수형 컴포넌트에만 적용할 수 있다.. 라는 특징들이 있는 것 같은데(물론 이외에도 많겠죠)일단 리액트부터 잘 모르는 상태라서 어떤 것을 채택하는게 더 적합할지 모르겠습니다..대규모 프로젝트가 아니고 한달 조금 넘는 한정된 기간에 완성되어야하는 프로젝트라서리코일을 사용하는 방향이 옳은건지...리덕스 공식문서에는 &#34;Don't use Redux just because someone said you should- take some time to understand the potential benefits and tradeoffs of using it.&#34;라고 써있어서 이것을 지금 결정하는게 아니라 일단 개발을 시작하고(아직은 기획단계)해나가면서 결정해야 되는 것 아닌가 하는 생각이 들긴 하는데...혹시 프론트엔드 현직자분들의 조언을 구할 수 있을까요..

우주로가고 · Answer

사용 난이도로 보면 recoil jotai는 쉽지만 어렵습니다. 사용은 쉬우나 잘 사용하긴 엄청나게 어려운 기술입니다.가장 무난한건 1등 redux, 2등 mobx, 3등 zustand라고 생각됩니다. 깃헙 다운로드 순위입니다.

킁킁탐정 · Answer

처음부터 상태 관리 라이브러리를 사용하면서 react 학습을 하시면 난이도가 급상승하게 됩니다. 정말 상태 관리가 필요한 규모가 되었을때 또는 react를 어느정도 배우고나서 사용하길 권해드립니다. 적어주신 공식 문서에 나온 말이 괜히 나온말이 아닙니다.그리고 무엇을 결정하든, 사용하기 전에 공식 문서을 꼼꼼하게 읽어보세요. 여러 이유로 프로젝트 중 다른걸 이용해야하는 상황보다 초반에 읽는 문서 탐색으로 많은 문제를 미연에 방지할 수 있습니다.

brian55 · Answer

개인적으로는 그냥 리액트의 contextAPI를 사용해서 전역상태를 관리하고...리액트 자체 API만 쓰는걸 추천드립니다. 아직 리액트도 잘 못다루실텐데 다른 상태관리 라이브러리 사용하는건 악수가될 수 있습니다.

몰랑토끼 · Answer

사용하기 가장 쉬운건 저스탠드입니다.리코일도 셀렉터때문에 코드량이 쓸데없이 많고, 리덕스는 더 많고, 리덕스 툴킷은 리코일보다 적습니다.

리브12 · Answer

zustand 쓰십셔react context 개념 모르는상태로 redux썻다가 ui에서만 redux만 쓰는 경험하게됩니다.zustand는 별도의 provider, context 상관없이 작동합니다.설정도 zustand는 할 필요도없고 store만들면 끝입니다.여기서 redux는 redux +@ toolkit이 기본이고redux toolkit을 사용하려면 기본적으로 root store, 하위 slice, store 있어야하죠 zustand와 비교하면 너무 차이가 큽니다.만약 여기서 redux toolit query를 쓰면 편한데? 라고 말하는 사람이 있으면zustand는 내부에서 쿼리해도 되고(redux안됨) react query를 써도됩니다 라고 말하시면됩니다.또, redux는 async 를 사용하려면 별도의 과정이 있어야하구요 (안쓰는 이유)zustand는 async도 가능하고, 내부에서 서버 요청코드, ui blocking 코드, worker와 통신이 필요한 코드 작성 가능합니다.

리액트에서 상태관리 라이브러리 (리덕스, 리코일 등..) 무엇을 사용해야 할까요..?

5개의 답변

기술 목록