React Server Components Composition Patterns

Core Principle: Server-First

DEFAULT: All components are Server Components unless they need:

• State (useState, useReducer)
• Effects (useEffect, useLayoutEffect)
• Event handlers (onClick, onChange)
• Browser APIs (window, localStorage)
• React hooks (custom hooks that use the above)

The 'use client' Boundary Rule