Suspense를 '새로운 방식' 정도로 외워 왔는지, 두 방식을 언제 무엇으로 골라야 하는지 기준까지 가지고 설명하는지를 가른다.
useEffect 방식은 isLoading·error·data를 개발자가 직접 조합한다. 세밀하게 제어할 수 있지만 화면이 커질수록 분기 코드와 중복 상태가 빠르게 곪는다. Suspense는 로딩 경계를 컴포넌트 트리 수준에서 선언으로 그어서 fallback 전략을 단순하게 만든다. 단 데이터 소스가 Suspense 패턴을 지원해야 하고, 경계를 잘못 그으면 요청이 순차로 줄지어 도는 waterfall이 생긴다. 실무에서는 핵심 화면부터 경계를 끊어 도입하고 기존 effect 코드와 섞어 쓰는 방식이 현실적이다.
isLoading 분기가 화면 곳곳에서 깜빡이던 경험과 Suspense 경계 도입 결정을 연결할 수 있다
React Query 같은 데이터 라이브러리를 도입하며 effect 패턴을 단계적으로 줄여 본 경험이 있다면 답변 시작점이 된다
중첩 fallback 때문에 UX가 산만해진 사례를 어떻게 정리했는지 말할 수 있다
아직 공개된 답변이 없어요. 첫 공개 답변을 남겨보세요.