React Server Component

RSC
React Server Component
server component
리액트 서버 컴포넌트
서버 컴포넌트
리액트 애플리케이션의 waterfall을 줄일 수 있는 해결책
서버에서 동작하는 리액트 컴포넌트
서버 컴포넌트를 사용하면 컴포넌트 렌더링을 클라이언트가 아닌 서버에서 수행할 수 있다.
서버에서 Render를 수행하기 때문에 API를 통한 데이터 요청의 latency를 줄일 수 있고, 클라이언트에서의 연속된 API 호출을 제거하여 client-server waterfall를 막을 수 있다.
클라이언트 컴포넌트에서 발생하던 client-server waterfall을 제거하여 컴포넌트에서 필요한 데이터만 fetching하는 방식을 유지하면서 퍼포먼스를 향상시킬 수 있다.

React Server Component - 이점

서버 컴포넌트는 클라이언트 data fetching에서 오는 waterfall 문제 해결과 더불어 개발자들의 관심을 끌 수 있을만한 다양한 이점을 가지고 있다.
서버 컴포넌트는 서버에서 동작하고 렌더링 된다는 특성상 다양한 종류의 백엔드 리소스에 접근할 수 있고 HTML이 아닌 ‘특별한’ 형태로 렌더링 되어 클라이언트에 전달되기 때문에 클라이언트로 전달되는 번들 사이즈 또한 감소시킬 수 있다.