| RTK | Zustand 👍 | Jotai | Recoil | |
|---|---|---|---|---|
| 보일러 플레이트 | 높음 | 낮음 | 낮음 | 낮음 |
| 상태관리 | Flux 패턴 기반 | 훅 기반 상태관리 | atom 기반 | atom 기반 |
| 러닝커브 | 중간 | 낮음 | 낮음 | 중간 |
| 데이터 flow | 단방향 | 양방향 가능 | 양방향 가능 | 양방향 가능 |
| 성능 최적화 | 성능 최적화 도구 내장 | 불변성 관리 필요 없음, 셀렉터 기반 최적화 가능 | 불변성 관리 필요 없음, 셀렉터 기반 최적화 가능 | 불변성 관리 필요 없음, 셀렉터 기반 최적화 가능 |
| 미들웨어 | Redux 미들웨어 (redux-thunk, redux-sage) 등 사용 가능 | 미들웨어 기본 제공(devtools, persist) | 미들웨어 직접 구현 | 미들웨어 사용 가능 |
| 규모 | 대규모 애플리케이션에 적합 | 중소규모 애플리케이션에 적합 | 중소규모 애플리케이션에 적합 | 중소규모 애플리케이션에 적합 |
| Axios | Fetch 👍 | |
|---|---|---|
| 설치여부 | 설치 | 내장 |
| 편의성 | 간결, 기본 설정 및 인터셉터 지원 | 네이티브, 필요기능 직접 설정해야함 |
| 브라우저 호환성 | Promise 기반, 브라우저 & node 모두 사용 가능 | Promise 기반, 브라우저 & node 모두 사용 가능 |
| 기본 기능 | 자동 JSON 변환, 요청 및 응답 인터셉터 | JSON 변환 수동 처리 필요 |
| 응답 데이터 | 응답 데이터를 자동으로 객체 형태로 파싱 | 응답 데이터를 수동으로 파싱 필요 |
| 요청 취소 | 취소 토큰을 사용해 요청 취소 | AbortController 를 통해 요청 취소 |
| 타입아웃 | 타임아웃 설정 가능 | 기본지원 X, 수동 구현 |
| 인터셉터 | 요청 및 응답 인터셉터 제공 | 직접 구현 필요 |
| 에러 핸들링 | HTTP 상태 코드에 따른 에러핸들링 자동화 | 에러 핸들링 수동 처리 |
| 추가 기능 | 전역 설정, 기본 URL, 헤더 설정 등 다양한 추가 기능 제공 | 기본 기능만 제공 |
| Next | 알빠노~ | 권장함. 공식문서 예시 또한 fetch 로 작성되어 있는 점 |
