- React 19은 새로운 개념인 Server Component를 도입하며 클라이언트 컴포넌트에서 수행 가능했던 작업을 서버에서 처리하게 됩니다. 🤵🏻♂️
- 서버 컴포넌트는 SEO 개선, JavaScript 번들 크기 축소, 서버 사이드 렌더링을 통해 웹 애플리케이션의 성능을 향상시킵니다. 🚀
- 서버 컴포넌트는 데이터 처리와 렌더링에 집중하며, 클라이언트 컴포넌트는 사용자와의 상호작용과 UI 업데이트에 집중합니다. 🔄
- React Suspense와 서버 컴포넌트를 결합하여 서버 사이드 렌더링 속도와 사용자 경험을 더욱 향상시킬 수 있습니다. 🧵
- 클라이언트 컴포넌트가 서버 컴포넌트를 감싸면 서버 컴포넌트는 서버에서 실행되지만, 클라이언트 컴포넌트는 서버 컴포넌트로부터 받은 데이터를 기반으로 동적 동작을 처리합니다. 🪄