Yaushe da kina wannan Client Components?

Question

Accepted Answer

**Client Component** yana gudu a cikin baba-turorin (kuma ana sarrafa shi kamar yadda aka yi a gida don HTML na farko). Kuna shiga tare da **`"use client"`** umurnin a saman fayil. Kuna buuƙatarsa duk lokacin da kuke buƙata da sha'awa, jilin, tasiri, ko tajakarren baba-turorin. ## Bayyana ɗaya ```tsx "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 ; // ✅ events } ``` ## Yaushe kuke NEED na Client Component ```text ✓ 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) ``` ## Umurnin yana fadowa zuwa jarirai Maimaita fayil `"use client"` yana sa shi da **duk abin da yake shigo" bahagi ne na halaye client. Don haka kuna so iyaka client su kasance **karamtaka da ƙananan" a cikin bishiya — "tsibirin client" — maimaita yin alamar samari-matakin layau azaman client (wacce za ta ja app guda duka a cikin halaye baba-turorin). ```tsx // ✅ Good: server page, small client island only where needed export default async function Page() { // Server Component const data = await getData(); return <>; // island is "use client" } ``` ## Damewa ba da bayani daga Tambari zuwa Client ```tsx // Server Component fetches, passes serializable props down to the client island ``` Props da aka damewa daga Serf zuwa Client Component dole su kasance **serializable** (babu aiki, babu justa abin ƙiyi) tunda suna ketare iyaka serf→client. ## Me ya sa ya cancanci Client Components ke da yadda ake dawo da sha'awa a cikin app da ba lallai gyara-farko. Handia daidai ita ce m su ajiye ƙaramtaka da a gangare — sha'awa inda aka buuƙata, Server Components a ko'ina kuma — saboda haka kuna jibu kaɗan JavaScript. Sarrafa `"use client"` babbar sanyi a cikin bishiya babbar karɗi ne da ke taɓa fushe da halaye kuma sanye da fa'idarsa na Server Components.