Suspense 사용자 경험 개선 - 리액트의 Suspense ProfilePage 에서는 비동기 처리가 진행되고 있다. 사용자는 ProfilePage 컴포넌트에서 데이터가 없는 상태에서 기다리는 것이 아닌, spinner가 도는 것 같은 효과를 이용하기 때문에 친절한 웹을 만들 수 있도록 도와준다. suspense는 데이터 불러오기에 대한 구현이 아니다. Suspense는 그저 컴포넌트가 읽어들이고 있는 데이터가 아직 준비되지 않았다고 사용자에게, 그... SuspenseSuspense [React Query] useQueries에서 suspense가 작동하지 않을 때 해당 문제는 React query의 이슈 중 하나입니다. useQuery + suspense는 정상적으로 작동되지만 useQueries + suspense는 suspense가 작동하지 않습니다. 그 이유는 Suspense가 첫번째 Promise를 반환한 뒤에 작동되지 않아서입니다. 그래서 하나의 Promise만을 반환하는 useQuery에서는 문제가 없지만, 여러 비동기 요청들이 병렬적으로 ... react-querySuspenseuseQuerieserrorSuspense
사용자 경험 개선 - 리액트의 Suspense ProfilePage 에서는 비동기 처리가 진행되고 있다. 사용자는 ProfilePage 컴포넌트에서 데이터가 없는 상태에서 기다리는 것이 아닌, spinner가 도는 것 같은 효과를 이용하기 때문에 친절한 웹을 만들 수 있도록 도와준다. suspense는 데이터 불러오기에 대한 구현이 아니다. Suspense는 그저 컴포넌트가 읽어들이고 있는 데이터가 아직 준비되지 않았다고 사용자에게, 그... SuspenseSuspense [React Query] useQueries에서 suspense가 작동하지 않을 때 해당 문제는 React query의 이슈 중 하나입니다. useQuery + suspense는 정상적으로 작동되지만 useQueries + suspense는 suspense가 작동하지 않습니다. 그 이유는 Suspense가 첫번째 Promise를 반환한 뒤에 작동되지 않아서입니다. 그래서 하나의 Promise만을 반환하는 useQuery에서는 문제가 없지만, 여러 비동기 요청들이 병렬적으로 ... react-querySuspenseuseQuerieserrorSuspense