React server components

React 서버 컴포넌트는 웹 앱 구축 방식을 혁신하며, 서버에서 UI 일부를 미리 빌드하여 완성된 형태로 전송합니다. 🏗️
기존 방식은 JavaScript를 브라우저로 보내 브라우저가 UI를 구축하는 반면, 서버 컴포넌트는 서버에서 HTML을 생성하여 클라이언트로 전송합니다. 📦
서버 컴포넌트는 데이터베이스에 직접 접근하여 데이터를 가져오므로, API 호출 없이 더 빠른 데이터 fetching이 가능합니다. 🚀
서버 로직이 브라우저로 전송되지 않아 JavaScript 번들 크기가 줄어들고, SEO가 향상되는 효과가 있습니다. 💡
서버 컴포넌트는 hooks를 사용할 수 없고, 이벤트 핸들링이 불가능하므로 데이터 fetching 및 렌더링에 사용됩니다. 🚫
인터랙티브한 요소(버튼, 폼 등)는 기존 클라이언트 컴포넌트를 사용해야 합니다. 🖱️
데이터 fetching을 서버 컴포넌트로 옮기는 것만으로도 앱의 번들 크기를 30%까지 줄일 수 있습니다. 📉

FusionAuth System Design | Build Auth That You Actually Own