Debunking 5 Misconceptions about (Next.js) React Server Components
- React 서버 컴포넌트는 서버에서만 실행되며, bundlesize 감소와 시작 시간 향상에 기여합니다. 🏎️
- 서버 컴포넌트와 클라이언트 컴포넌트는 서로 조화롭게 사용되어야 합니다. 서버 컴포넌트는 데이터를 가져오고 렌더링하는 데 적합하며, 클라이언트 컴포넌트는 인터랙티비티, 상태 관리, 브라우저 API 등을 위해 사용됩니다. ⚖️
- 서버 컴포넌트는 기본이고, useClient 를 통해 클라이언트 컴포넌트를 지정합니다. 서버 컴포넌트는 기본적으로 새로운 React 앱 구조 에서 편리하게 사용됩니다. ⚙️
- 서버 컴포넌트는 항상 서버에서 렌더링되고, 클라이언트 컴포넌트는 서버에서도 클라이언트에서도 렌더링될 수 있습니다. 🏞️
- client 컴포넌트가 서버 렌더링을 위해 사용되는 것처럼 보일 수 있습니다. 📚
- 서버 컴포넌트는 클라이언트 컴포넌트 안에 삽입할 수 없지만, prop 로 전달하여 통합할 수 있습니다. 🔌