이 글은 React Server Components(RSC)를 기술적으로 자세히 살펴보기 위해서 RSC를 아주 간소화한 버전을 직접 만드는 방법을 설명한 글로 React에서 유명한 Dan Abramov가 작성한 글입니다. RSC를 살펴보는 글로 RSC의 장점이나 RSC로 어떻게 앱을 만드는지를 설명하는 것이 아니라 직접 RSC를 만들어 보면서 RSC를 어떻게 만드는지 이해할 수 있도록 의도된 글입니다. RSC를 설명하기 위해서 node.js에서 스트링 인터폴레이션으로 HTML을 내려주는 간단한 서버를 구성하고 이를 스트링 인터폴레이션 대신 JSX로 구현한 뒤 HTML로 내려주도록 작성하면서 JSX를 만드는 과정을 보여줍니다. 이를 지금 React에서 쓰듯이 컴포넌트를 만들고 서버이므로 라우팅을 추가해서 웹페이지를 보여주도록 합니다. 라우팅 이동 중에도 상태를 저장하게 하고 클라이언트에 JSX 업데이트를 클라이언트에 적용할 수 있게 구현하고 서버를 SSR 서버와 RSC 서버로 나누어서 최종적으로 RSC를 완성시킵니다. 각 단계에서 직접 돌려볼 수 있는 코드를 제공하고 있기에 하나씩 따라해 보고 테스트해보면서 살펴볼 수 있고 마지막에 직접 시도해 볼만한 아이디어도 제공하고 있습니다. https://github.com/reactwg/server-components/discussions/5