리액트 쿼리

React 애플리케이션의 상태는 관리하는 데이터의 특성에 따라 지역 상태(Local State)와 전역 상태(Global State)로 나눌 수 있다.

기존의 코드에 리액트 쿼리의 useQuery 를 적용하여 데이터 패칭을 수행하였다. Before axios 통신을 통해 데이터(레시피 목록)를 불러와 데이터를 화면에 표시하는 컴포넌트로, useEffect 훅을 사용하여 초기 마운트시 해당 로직을 수행하게한다. Af

리액트 쿼리의 invalidateQueries 를 사용하면 캐싱된 데이터의 재조회를 통해 클라이언트 측 상태를 업데이트 할 수 있다. 프로젝트 내 리뷰 등록의 예시를 들어 설명한다. api 요청은 post로 진행한다. Before 기존에는 댓글목록 정보를 상위 컴포넌

프로젝트 리팩토링 중 게시판의 댓글을 작성하는 부분에서 버그가 있음을 발견했다.

서버에서 데이터를 불러와 화면에 표시하는 데 리액트 쿼리의 useQuery를 사용한다면, 보통 페이지 진입과 동시에 데이터를 가져오게 했을 것이다. 만약 사진을 다운로드하려고 특정 버튼이 눌렀을 때와 같이, 원할 때만 데이터를 가져오는 데 useQuery를 사용하려면 어떻게 해야 할까? 물론 클릭 핸들러 내부에 데이터를 페칭하는 코드를 작성해도 되지만, 데...

사용자 경험을 개선하는 방법 중 하나로 낙관적 업데이트(Optimistic Update)는 이미 널리 알려진 방식이다.