Hydrate, Rehydrate

• Hydrate
  • SSR에서 정적 HTML을 보낸 후, 클라이언트(브라우저의 리액트)가 기능을 다시 붙이는 과정
    • 이벤트 핸들링, 상태 등
  • ReactDOMServer.renderToString()
  • 서버에서 HTML 껍데기만 먼저 보내서, 클라이언트가 수분공급
  • 더 빠른 렌더링
    • 기존 SPA는 한번에 번들을 받아오느라, HTML에 그릴 요소가 최초엔 없다
• Rehydrate
  • 서버에서 변경되는 상태(state)를 클라이언트에게 전달
  • SSR이니, 상태도 서버에서 관리되어서 상태 동기화를 위한 재 수분 공급