Cilat janë konceptet thelbësorë të Redux?

Question

Accepted Answer

**Redux** është një kontejner i parashikueshëm i gjendjes, ndërtuar mbi tre parime thelbësorë: një **dyqan i vetëm**, **gjendje lexuese** e ndryshuar vetëm përmes **veprimeve** dhe **reduktorëve të pastër** që llogaritin gjendjen tjetër. Të dhënat rrjedhin në një drejtim, duke e bërë ndryshimet të gjurmëzueshme. ## Tre parimet ```text 1. Single source of truth — the whole app's state lives in ONE store object 2. State is read-only — you never mutate it; you DISPATCH actions to change it 3. Changes via pure reducers — (state, action) => newState, no side effects ``` ## Pjesët dhe rrjedha ```js // STORE — holds the single state tree const store = configureStore({ reducer: rootReducer }); // ACTION — a plain object describing what happened const action = { type: "counter/incremented", payload: 1 }; // REDUCER — pure function: given state + action, returns NEW state function counterReducer(state = { value: 0 }, action) { switch (action.type) { case "counter/incremented": return { ...state, value: state.value + action.payload }; // new object default: return state; } } // DISPATCH — the only way to trigger a change store.dispatch(action); // SELECT — read state store.getState().counter.value; ``` ## Cikli ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` Ky rrjedhje e rreptë njëdrejtimeshe do të thotë se çdo ndryshim i gjendjes është rezultat i një veprimi të dërguar të përpunuar nga një funksion i pastër — plotësisht i gjurmëzueshëm. ## Përdorimi në React ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## Pse kufizimet? ```text Predictability — every change is an explicit, logged action Debuggability — time-travel debugging, action replay (Redux DevTools) Testability — pure reducers are trivial to unit test ``` (Shënim: Redux modern përdor **Redux Toolkit**, i cili zvogëlon shabllonin në mënyrë drastike ndërsa ruan këto koncepte.) ## Pse është e rëndësishme Konceptet thelbësorë të Redux — dyqan i vetëm, veprimet, reduktorët e pastër, rrjedha njëdrejtimeshe — e bëjnë gjendjen e aplikacionit **të parashikueshme dhe të gjurmëzueshme**, e cila është vlera e saj kryesore për aplikacione të mëdha. Kuptuesi i store/action/reducer/dispatch/select është i domosdoshëm për shumë baza kodesh që përdorin Redux, dhe parimet (përditësimet e pandryshueshme, reduktorë të pastër, rrjedhje njëdrejtimeshe) ndodhen në pothuajse çdo bibliotekë të gjendjes. Compromisi është shablloni, i cili trajtohet nga Redux Toolkit ndërsa ruan këto themelore.