Cad is staid i bhfeidhmchlár frontend?

Question

Accepted Answer

**Staid** is ionann di aon data ar féidir a bheith ag **athrú le himeall ama** agus ar bharr ar an UI a bhraith chun a thabhairt ar an scáileán. Nuair a athraíonn an staid, nuashonraíonn an UI chun é a léiriú. Is é « cuimhne » do fheidhmchlár ag nóiméad ar bith an sprioc seo. ## Samplaí de staid ```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 ``` ## Dríochann an staid an UI ```jsx function Counter() { const [count, setCount] = useState(0); // `count` is state return ( ); } ``` An príomhsmaoineamh de frameworks nua-aimseartha: **UI = f(state)**. Ní dhéanann tú an DOM a nuashonrú go láimhdhíreach; déanann tú an staid a athrú, agus ath-dhreachtaíonn an framework an UI chun a oiriúnú. Cliceáil ar an gcnaipe → athraíonn `count` → nuashonraíonn an uimhir a thaispeáinter go foluain. ## Staid vs sonraí eile ```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 ``` Níl gach athróg ina staid — sonraí amháin a athraíonn *agus* a théann i bhfeidhm ar an méid a thaispeáinter. Ní ba chóir do luachanna is féidir leat a ríomh ó staid atá ann a bheith stóráilte mar staid scartha (baol ann go rachaidh siad as a riocht). ## Catagóirí de staid ```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) ``` ## Cén fáth a bhfuil sé tábhachtach A thuiscint ar staid mar "sonraí a athraíonn agus a dhíochann an UI" is bonn ar fhás ar fad frontend. An múnla meabhrach **UI = f(state)** a léiríonn conas a oibríonn React/Vue/Angular — bainistríonn tú staid, agus lean an view. Aithint ar an méid *is* agus *níl* staid (agus gan luachanna díorthaithe a dhúbailt) is an chéad chéim chun é a bhainistiú go maith; tá gach rud i mbainistiú staid bunaithe ar an bhféachaint seo.