소개

React Streaming SSR(Server Side Rendering)을 소개합니다.

목표

• React streaming SSR 구조를 이해합니다.
• SSR 기반으로 서버에서 컴포넌트를 렌더링 하는 방법을 소개합니다.

개발 환경 구성하기

## 1. Repositry를 clone 합니다.
git clone https://github.com/mugglim/build-your-own-rsc-framework

## 2. 의존성을 설치합니다.
npm install

## 3. 개발 서버을 실행합니다.
## 개발 서버는 기본적으로 https://localhost:3000 로 실행됩니다.
npm run dev

구현 코드

최종적으로 구현된 코드는 Github을 참고해주세요.

참고 자료

• React server components from scratch!
• The Forensics Of React Server Components (RSCs)
  • [한국어] 리액트 서버 컴포넌트 톺아보기 (번역)
• SSR의 기쁨과 슬픔: 렌더링의 변화의 흐름을 통해 알아보는 SSR과 Streaming SSR | 인프콘2023
  • Sample Code
• TanStack Start Docs
  • react-start
  • react-start-client
  • react-start-server