Çfarë është state në një aplikacion frontend?

Question

Accepted Answer

**State** është çdo e dhënë që mund të **ndryshojë me kalimin e kohës** dhe nga e cila varet renderimi i UI-t. Kur state ndryshon, UI përditësohet për ta pasqyruar atë. Është "memoria" e aplikacionit në ndonjë moment të dhënë. ## Shembuj të state-it ```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 ``` ## State-i drejton UI-n ```jsx function Counter() { const [count, setCount] = useState(0); // `count` is state return ( ); } ``` Ideja themelore e kornizave moderne: **UI = f(state)**. Nuk përditësoni manualisht DOM-in; ndryshoni state-in, dhe korniza ripërson UI-n për të përputhur. Klikoni butonin → `count` ndryshon → numri i shfaqur përditësohet automatikisht. ## State vs të dhënat e tjera ```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 ``` Jo çdo ndryshore është state — vetëm të dhënat që ndryshojnë *dhe* ndikojnë atë që renderohet. Vlerat që mund të llogarisni nga state-i ekzistues nuk duhet të ruhen si state i ndarë (kjo rrezikon që ato të humbën sinkronizimin). ## Kategoritë e state-it ```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) ``` ## Pse është e rëndësishme Përkuptimi i state-it si "të dhënash që ndryshojnë dhe drejton UI-n" është baza e të gjithë zhvillimit frontend. Modeli mendor **UI = f(state)** shpjegon se si funksionojnë React/Vue/Angular — ju menaxhoni state-in, dhe pamja e ndjek atë. Njohja e asaj që *është* dhe *nuk është* state (dhe mos përthithja e vlerave të nxjerra) është hapi i parë drejt menaxhimit të mirë të tij; gjithçka në menaxhimin e state-it ndërtohet mbi këtë koncept.