Tech News

https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html?utm_source=labnotes.org 

- 서버 컴포넌트는 서버에서 실행되며 클라이언트 번들크기엔 변화 없음

- DB,파일시스템,마이크로 서비스등의 서버측 데이터소스에 접근가능

- 클라이언트 컴포넌트와 심리스한 연동

- 동적으로 렌더링할 클라이언트 컴포넌트를 선택 가능해서 최소한의 렌더링 코드만 클라이언트로 전송

- 서버 컴포넌트가 리로드 되더라도 클라이언트 상태를 유지

- 점진적으로 렌더링 되며, 조금씩 클라이언트에 UI를 스트리밍 가능해서, Suspense 와 연동하면 로딩상태를 마음대로 조작이 가능하고 가장 중요한 콘텐츠만 먼저 보인 후에 나머지 부분을 로딩하는 것이 가능

- 서버와 클라이언트 코드 공유 가능