Menene jiha a cikin aikacin gida?

Question

Accepted Answer

**Jiha** shine bakin yadda ya iya **canzawa a yayin lokaci** kuma wanda UI ya dogara shi don tunanin. Lokacin da jiha ya canza, UI yana sabunta don nuna shi. Yana da "alhali" na aikacin ka a kowane lokaci. ## Misalai na jiha ```text ✓ A counter value, a form's input text, a toggle (on/off) ✓ Whether a modal is open, the active tab, loading/error flags ✓ The logged-in user, items in a cart, fetched API data ✓ The current theme (dark/light), selected filters ``` ## Jiha yana bugi UI ```jsx function Counter() { const [count, setCount] = useState(0); // `count` is state return ( ); } ``` Gaskiyar tunani na frameworks na zamani: **UI = f(state)**. Ka yi watsi da sabunta DOM da hannu; ka canza jiha, kuma framework yana sake tunanin UI don ya dacewa. Danna mabugi → `count` yana canzawa → adadin da aka nuna ya sabunta kai tsaye. ## Jiha da wasu bakin ```text State: changes over time, drives re-renders (count, user, isOpen) Constants: never change (PI, config URLs) — not state Derived: computed FROM state (fullName from firstName + lastName) — don't store separately ``` Ba kowa ba ne mai jiha — sai bakin da ya canza *kuma* ya shafi abin da aka tunanin. Darajon da za ka iya lissafin daga jiha da akwai ba ya kamata a ajiye a jiha daban-daban (hakan yana haifar da hadarin su tashi daga hanjiya). ## Nau'in jiha ```text Local/UI state → belongs to one component (input text, isOpen) Global state → shared app-wide (user, theme, cart) Server state → data fetched from an API (cached remote data) URL state → in the address bar (filters, page number) ``` ## Me ya sa yake mahimmaci Sanin jiha a matsayar "bakin da ya canza kuma ya bugi UI" shine tushen dukkan gidan aikacin. Ab da tunani **UI = f(state)** yana bayyana yadda React/Vue/Angular ke bugi — ka kula da jiha, kuma duba ta bi. Sanin abin da *shine* kuma *baba" jiha (kuma kar ka maimaita darajon da za ka iya bada) shine mataki na farko ne don sarrafa shi sosai; komai a sarrafa jiha ya gina bisa ga gaskiyar nan.