🤷TL;DR

• Redux는 안정적이지만, 선언과 사용이 복잡하다.
• Recoil은 사용이 매우 쉽지만 정식 버전이 없다.
• 프로젝트 규모에 따라 마음에 드는 라이브러리를 선택하자

🚪서론

우리는 React를 사용할 때 보통 useState를 통해 상태를 관리합니다. useState는 정말 섹시하지만, 한 가지 너무 큰 단점이 있습니다. 바로 컴포넌트끼리 데이터를 주고받는 데 사용하기가 힘들다는 점입니다. 그 일을 하기 위해 등장한 것이 바로 상태 관리 라이브러리입니다. 상태 관리 라이브러리의 필요성에 대해 공감하지 못하는 분들을 위해 짧은 토막글을 마련해 보았습니다.

✅상태 관리 라이브러리는 왜 사용하나요?

그래서 우리 팀은 상태 관리 라이브러리를 어떤 것을 사용할지 고민했습니다. 당장 회의에서 거론되었던 라이브러리는 Redux, Recoil, Context API, Mobx 정도가 있는데요, 오늘은 그 중에 Redux와 Recoil에 대해 가볍게 알아보고 비교해 보는 시간을 가졌습니다. 이 글에서는 작동 원리보다는 사용상의 장단점을 중심으로 정리해보겠습니다.

🏬Redux

Redux에 대해.araboja

Redux는 상태 관리 라이브러리 중에서도 가장 대중적인 친구입니다. 아마 recoil처럼 리액트에 종속적이지도 않고, mobx보다 오래되었기 때문이 아닐까요? 아무튼 npm trends에서 확인할 수 있는 것처럼 압도적인 커뮤니티 크기를 자랑합니다. 레퍼런스가 무척 많고, 음.. 레퍼런스가 무척 많습니다. 한글로 검색해도 당장 이 글을 쓸 이유가 있나 싶을 정도로 지나치게 많은 정리글이 나오네요.

Redux는 Flux 아키텍쳐를 개선한 구조로 상태를 관리합니다. 1) 읽기 전용인 상태를 2) 하나의 store가 3) 순수함수를 이용해 갱신한다는 세 가지 메인 컨셉이 있다고 하네요. 더 자세한 설명은 위 사진의 출처 링크에 잘 설명이 되어 있습니다.