이 게시물은 React 17에서 도입된 Suspense와 React 18의 Transition 기능에 대해 설명합니다.
Suspense의 기능
자식 컴포넌트의 렌더링 유예 상태를 탐지
fallback 컴포넌트로 대체하여 UI/UX 개선
문제점
하지만 Suspense는 이전 상태의 컴포넌트를 보여주지 않기 때문에 UX에 문제가 발생할 수 있습니다. Transition 기능은 이러한 문제를 해결하기 위해 도입되었으며, 컴포넌트 리렌더링을 유예시킬 수 있는 방법을 제공합니다. 이제 Suspense와 Recoil을 보다 안전하게 사용할 수 있게 되었습니다.