axios 와 data fetching 툴을 같이 쓰는 이유

실제 사용을 위한 서비스들은 대부분 swr이나 react-query와 함께 비동기 통신을 묶어서 쓰는데 그 이유가 뭘까? 먼저 첫번째는 비동기 처리 상태에 따른 상태처리가 용이하다는 점이다. const Component = () => { const [isLoading, setIsLoading] = useState(false); const [data, setData] = useState({}); const [dataError, setDataError] = useState('404'); //... } 일반적인 비동기 통신 처리 이후에는 사이드 이펙트 처리를 통해 무려 3개의 상태를 만들면서 성공했을 시의 데이터, 패칭이 끝났는지 확인, 에러가 났다면 에러의 종류 등을 각각 관리해줘야한다. 데이터 패칭 도구 ..

2023.04.18