본문으로 건너뛰기
fe.run

태그

#Suspense

9개의 글

이미지 스켈레톤이 안 사라져요

이미지 로딩 상태를 useState로 들고 다니는데 자꾸 어긋난다면 이유가 세 갈래예요.

10분
React이미지Suspense에러 처리

이미지 로딩을 React에 맡기기

img가 Promise를 하나 갖고 있어요. 거기에 경계 두 개만 세우면 돼요.

12분
React이미지Suspense에러 처리

에러 바운더리가 쿼리를 못 잡을 때

Error Boundary 를 달았는데 쿼리 에러가 안 잡히던 그 순간을 풀어요.

24분
ReactTanStack Query에러 처리Suspense

병렬인 줄 알았던 세 줄의 쿼리

useSuspenseQuery 를 세 줄로 두면 왜 요청이 계단처럼 줄을 서는지 풀어요.

12분
ReactTanStack QuerySuspense비동기네트워크

use 는 상태 훅이 아니에요

useContext 가 if 안에서 막힐 때 use 가 풀어주는 자리예요

10분
ReactHooksSuspenseRSC

Suspense 안쪽과 useSuspenseQuery

Suspense는 fallback 스위치가 아니에요. TanStack Query가 그걸 따라간 모양도 봐요.

11분
ReactSuspenseTanStack Query

스켈레톤은 왜 껌뻑거리는가

fallback 하나 추가했더니 LCP가 뒤로 밀렸어요. 경계 위치를 다시 재봐야 해요.

6분
ReactNext.jsRSC성능Suspense

스트리밍 HTML은 어디서 끊기는가

스트리밍이 켜져 있어도 첫 바이트는 한참 안 와요. 범인은 상위 await 한 줄이에요.

8분
ReactNext.jsRSC성능Suspense

Suspense 경계는 어디에 그어야 하나

Suspense를 fallback 넣는 스위치로 썼다면, 경계 한 번쯤 다시 봐야 해요.

6분
ReactNext.jsRSC성능Suspense