[Korean FE Article] 리액트 렌더링의 미래
글 링크: https://bit.ly/3VKJSDx
소개
리액트 18에 들어서면서 새로운 렌더링 방식에 대한 예고가 있었는데요. 새롭게 등장한 스트리밍 SSR과 서버 컴포넌트는 어떤 배경에서 어떤 문제를 해결하기 위해 등장했을까요? 이 글에서는 저희들이 지금도 자주 사용하고 있는 CSR, SSR, SSG, ISR의 특징과 장점, 단점을 설명하고 새롭게 등장한 스트리밍 SSR과 서버 컴포넌트가 어떤 문제를 해결하려고 등장했는지 어떻게 동작하는지에 대해 설명하고 있습니다. 전체적인 그림을 담기에 좋은 글이라 생각해 번역해 봤으니 같이 읽어보면 좋을 것 같습니다.⚡️
목차
웹 바이탈 용어
현재 사용되는 렌더링 패턴
클라이언트 사이드 렌더링(Client-Side Rendering, CSR)
서버 사이드 렌더링
새로운 렌더링 패턴
스트리밍 SSR
서버 컴포넌트 (알파)
언제 이 기능을 사용할 수 있을까요?
데모
참고
이 주제에 대한 다른 번역글이 궁금하다면?
React v18.0: https://bit.ly/3r1QY99
How React server components work: an in-depth guide: https://bit.ly/3eGEpNF