React Server Component

RSC
React Server Component
server component
리액트 서버 컴포넌트
서버 컴포넌트
서버 컴포넌트는 빌드 타임이나 요청 시에 서버에서 렌더링되는 React 컴포넌트이다.
이들은 클라이언트 측 JavaScript 번들에 포함되지 않으므로, 애플리케이션의 번들 크기를 줄이고 초기 로딩 시간을 단축하는 데 도움이 된다.
리액트 애플리케이션의 waterfall을 줄일 수 있는 해결책
서버에서 동작하는 리액트 컴포넌트
서버 컴포넌트를 사용하면 컴포넌트 렌더링을 클라이언트가 아닌 서버에서 수행할 수 있다.
서버에서 Render를 수행하기 때문에 API를 통한 데이터 요청의 latency를 줄일 수 있고, 클라이언트에서의 연속된 API 호출을 제거하여 client-server waterfall를 막을 수 있다.
클라이언트 컴포넌트에서 발생하던 client-server waterfall을 제거하여 컴포넌트에서 필요한 데이터만 fetching하는 방식을 유지하면서 퍼포먼스를 향상시킬 수 있다.
서버 컴포넌트는 UI의 정적인 부분이나 데이터를 가져와서 렌더링하는 부분에 적합하다.
예를 들어, 블로그 게시물의 내용이나 상품 목록을 보여주는 컴포넌트가 이에 해당한다.