Server components by default — client only when needed | BeforeMerge Rules | BeforeMerge

Server components by default — client only when needed | BeforeMerge Rules | BeforeMerge

Why This Matters

Server components have zero JS bundle cost. Only use "use client" when you need:

Event handlers (onClick, onChange)
React hooks (useState, useEffect, useRef)
Browser APIs (window, localStorage)
Client-only libraries (chart libraries, map libraries)

Decision Flowchart

Does it need interactivity? → Yes → "use client"
                              → No  → Server component (default)