[Korean FE Article] How React server components work: an in-depth guide
소개
React 18에서 새롭게 등장한 서버 컴포넌트의 기본적인 동작 방식을 소개한 글입니다.
기존에 React에 익숙했던 사람들 뿐만 아니라 처음 서버 컴포넌트에 접하는 사람까지 폭넓게 이해할 수 있는 좋은 글 입니다.
목차
React 서버 컴포넌트가 뭔가요?
그건 “서버 사이드 렌더링” 아닌가요?
왜 RSC가 필요한가요?
큰 그림 살펴보기
서버-클라이언트 컴포넌트 나누
RSC 렌더링 생명주기
1. 서버가 렌더링 요청을 수신합니다
2. 서버는 root 컴포넌트 요소를 JSON으로 직렬화합니다
3. 브라우저가 React 트리를 재구성합니다
이 작업은 Suspense와 함께 동작하나요?
RSC Wire 포맷
RSC 포맷 사용하기
기본 HTML을 결과로 주면 되지 않나요?
클라이언트 컴포넌트에서 데이터를 가져오는것보다 나은 방법인가요?
하지만… 서버 사이드 렌더링은요?
서버 컴포넌트가 렌더링 하는 항목 업데이트
RSC에 메타 프레임워크를 사용해야 하는 이유
RSC는 준비되었나요?