- 서스펜스는 데이터 패칭만을 위해 만들어진 것이 아니며, 로딩 상태를 선언적으로 관리하기 위한 것임을 이해해야 합니다. 🧘
- 서스펜스가 작동하려면 자식 컴포넌트에서 프로미스가 던져져야 합니다. 💥
- React Query와 함께 서스펜스를 사용하려면
suspense: true
옵션을 설정해야 제대로 작동합니다. ⚙️ - 서스펜스를 제대로 사용하려면 비동기 과정을 선언형 프로그래밍으로 처리해야 하며, 이때 프로미스가 반환되는 형태여야 합니다. 💡
- 서스펜스는 이미지 선캐싱, 정적 파일 로딩 등 다양한 비동기 처리에 활용될 수 있습니다. 🖼️
- 코스트가 큰 로직을 비동기로 처리하고 로딩 UI를 보여주고 싶을 때 서스펜스를 활용할 수 있습니다. ⏳
- 서스펜스 사용에 대한 고정관념을 깨고, 자식 컴포넌트가 렌더링 되기 전에 프로미스의 펜딩 상태를 반환하는 것이 핵심입니다. 🔑