- React Query: React Query는 API 호출, 데이터 캐싱, 상태 관리, 리렌더링 최적화 등을 제공하는 라이브러리입니다. 쿼리와 뮤테이션을 사용하여 비동기 작업을 관리하며, 데이터를 효율적으로 가져오고 관리하는데 도움을 줍니다.
- Axios: Axios는 HTTP 클라이언트 라이브러리로, 서버와의 HTTP 요청을 보내고 응답을 받는데 사용됩니다. Promise 기반으로 작성되어 있어 간편하게 비동기 요청을 처리할 수 있습니다.
- Redux-Saga: Redux-Saga는 Redux와 함께 사용되는 미들웨어 라이브러리로, 사이드 이펙트 관리를 위해 사용됩니다. 주로 복잡한 비동기 흐름을 관리하고 제어하는 데 사용되며, 제너레이터 함수를 이용하여 비동기 로직을 작성합니다.
- Redux-Thunk: Redux-Thunk는 Redux의 미들웨어로, 간단한 비동기 작업을 처리할 때 사용됩니다. 액션 생성자가 함수를 반환하여 비동기 작업을 처리할 수 있게 해주며, 주로 간단한 비동기 로직을 처리하는데 활용됩니다.
- SWR (stale-while-revalidate): SWR은 데이터 패칭 및 캐싱 라이브러리로, React 컴포넌트에서 데이터 패칭을 편리하게 다룰 수 있도록 도와줍니다. React Query와 유사한 목적을 가지고 있으며, 특히 RESTful API에 적합합니다.
이 외에도 Redux-Observable, MobX, Recoil 등 다양한 상태 관리 및 비동기 작업 관련 라이브러리들이 있습니다. 프로젝트의 요구 사항과 팀의 선호도에 따라 적절한 라이브러리를 선택하여 사용할 수 있습니다.
'IT 학습 > 프레임워크' 카테고리의 다른 글
| React에서 스크롤 기반 헤더 최적화 하기 (0) | 2023.10.24 |
|---|---|
| Redux란? (리덕스) (0) | 2023.08.30 |
| JEST란? (0) | 2023.08.29 |
| MFA (Micro Frontend Architecture)란? 도입 하기 (0) | 2023.08.14 |
| [Bootstrap5] 부트스트랩이란? 장단점 비교 (0) | 2022.09.26 |