react

React 19 server components render exclusively on the server to fetch data and render HTML, sending zero client-side JavaScript to reduce bundle size and improve performance. They integrate with client components to handle interactivity within the same application architecture.

Use React 19 hooks to manage state and trigger server functions, which execute securely on the server to handle data mutations. This pattern aligns with modern architecture by keeping data fetching and updates structured within concurrent features.

Yes, the React Compiler automatically optimizes re-renders by handling memoization internally, eliminating the need for manual hooks like useMemo and useCallback. This improves performance by ensuring components only re-render when their actual dependencies change.

Structure a React 19 project by composing server components for static UI and data fetching with client components for interactivity. Apply established patterns and concurrent features to design scalable component data flows and robust application architecture.

Use client components in React 19 when you need interactivity, state management, or access to browser APIs. Server components should be used for static content and data fetching to optimize performance and reduce client-side bundle size.