Ritheann Client Component sa bhrabhsálaí (agus é ré-dheartha ar an bhfreastalaí fosta don HTML tosaigh). Glacann tú isteach leis an treoir "use client" ag barr an comhaid. Tá gá orthu aon uair a bhíonn idirghníomhachtúlacht, staid, éifeachtaí, nó APIanna brabhsálaí de dhíth ort.
Ceann a Dhéaradhain
"use client"; // MUST be the first line of the file
import { useState } from "react";
export default function Counter() {
const [count, setCount] = useState(0); // ✅ hooks work here
return <button onClick={() => setCount(count + 1)}>Count: {count}</button>; // ✅ events
}
Cathain atá CLIENT COMPONENT de Dhíth ort
✓ useState / useReducer / useEffect / useRef / useContext
✓ Event handlers (onClick, onChange, onSubmit)
✓ Browser APIs (window, localStorage, navigator, IntersectionObserver)
✓ Third-party libraries that use any of the above (most UI/animation libs)
Foluain an treoir go páistí
A bhreith ar chomhad "use client" a dhéanann é agus gach rud a iompórtálann sé páirt den bheart client. Mar sin ba bhreá duit teorainneacha client a bheith beag agus íseal san fhad — "oileáin client" — in ionad marc a bheith ar leagan amach barrlevel mar client (a bhrostaíodh an fheidhmchlár ar fad isteach sa bheart brabhsálaí).
// ✅ Good: server page, small client island only where needed
export default async function Page() { // Server Component
const data = await getData();
return <><StaticContent data={data} /><InteractiveWidget /></>; // island is "use client"
}
Sonraí a Roinnt ó Fhreastalaí go Client
// Server Component fetches, passes serializable props down to the client island
<LikeButton initialLikes={post.likes} postId={post.id} />
Caithfidh props a phaisteanna ó Fhreastalaí go Client Component a bheith inchealadh (gan feidhmeanna, gan aicmí aicmí) toisc go dtrasnaíonn siad an teorainn freastalaí→client.
Cén fáth atá tábhacht ann dó
Is é Client Components an bealach chun idirghníomhachtúlacht a chur isteach i bhfeidhmchlár ar shlí eile dírithe ar an bhfreastalaí.
Is é an scil iad a choimeád íseal agus ar na duilleoga — idirghníomhachtúlacht áit a bhíonn gá aici, Server Components i ngach áit eile — ionas go raibh an t-am is lú JavaScript á sheachadadh agat.
Mí-áit a chur air "use client" ard san fhad is earráid choitianta í a leathnaíonn an beart agus a sheachann buntáistí Server Components.