Ποιες είναι οι βασικές έννοιες του Redux;

Question

Accepted Answer

**Redux** είναι ένα προβλέψιμο state container που χτίζεται σε τρεις βασικές αρχές: ένα **μοναδικό store**, **state μόνο για ανάγνωση** που αλλάζει μόνο μέσω **actions** και **чисти reducers** που υπολογίζουν την επόμενη κατάσταση. Τα δεδομένα ρέουν με έναν τρόπο, καθιστώντας τις αλλαγές ανιχνεύσιμες. ## Οι τρεις αρχές ```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 ``` ## Τα κομμάτια και η ροή ```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; ``` ## Ο κύκλος ```text UI dispatches an ACTION → REDUCER computes new STATE → STORE updates → subscribed components re-render → user interacts → dispatches the next action ``` Αυτή η αυστηρή ροή προς μία κατεύθυνση σημαίνει ότι κάθε αλλαγή κατάστασης είναι το αποτέλεσμα ενός dispatched action που υποβάλλεται σε επεξεργασία από μια καθαρή συνάρτηση — πλήρως ανιχνεύσιμη. ## Χρήση του σε React ```jsx import { useSelector, useDispatch } from "react-redux"; function Counter() { const count = useSelector(state => state.counter.value); // read const dispatch = useDispatch(); return ; // write } ``` ## Γιατί οι περιορισμοί; ```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 ``` (Σημείωση: το σύγχρονο Redux χρησιμοποιεί **Redux Toolkit**, το οποίο μειώνει δραματικά το boilerplate, διατηρώντας αυτές τις έννοιες.) ## Γιατί είναι σημαντικό Οι βασικές έννοιες του Redux — μοναδικό store, actions, чисти reducers, ροή μονής κατεύθυνσης — κάνουν την κατάσταση της εφαρμογής **προβλέψιμη και ανιχνεύσιμη**, η οποία είναι η κύρια αξία του για μεγάλες εφαρμογές. Η κατανόηση του store/action/reducer/dispatch/select είναι απαραίτητη για τις πολλές codebases που χρησιμοποιούν Redux, και οι αρχές (αμετάβλητες ενημερώσεις, чисти reducers, ροή προς μία κατεύθυνση) επαναλαμβάνονται σε σχεδόν κάθε state library. Ο συμβιβασμός είναι boilerplate, το οποίο διαχειρίζεται το Redux Toolkit, διατηρώντας αυτά τα θεμέλια.