"Tech" 태그로 연결된 2개 게시물개의 게시물이 있습니다.

직전 포스트에서 살펴보았듯이, React v18에서 도입된 concurrent feature들은 기본적으로 React의 렌더링 과정을 더 정교하게 설계할 수 있도록 옵션을 준 것이라고 생각할 수 있다.

그 concurrent feature들 중 Suspense는 개발자가 Suspense 경계를 직접 나누면서, 비동기 데이터가 준비되고 있는 동안에는 해당 컴포넌트가 중단(Suspensed)되고, 실제로 데이터가 로드되었을 때 해당 컴포넌트를 렌더링한다.

Suspense의 등장 배경에 대한 자세한 내용은 직전 포스트에서 살펴볼 수 있다. 해당 포스트에서는 Suspense가 어떤 맥락에서 등장했고, 왜 필요한지에 대해 알아 볼 수 있다.

가장 먼저, React Suspense가 등장한 배경을 알기 위해서 React 공식문서로 접근해본다.