რა არის Redux-ის ძირითადი კონცეფციები?

Question

Accepted Answer

**Redux** არის წინასწარმეტყველი state-ის კონტეინერი, რომელიც აგებულია სამ ძირითად პრინციპზე: **ერთი store**, **მხოლოდ წასაკითხი state**, რომელიც შეიძლება შეიცვალოს მხოლოდ **actions**-ის მাშინებით, და **სუფთა reducers**, რომლებიც ითვლიან შემდეგ state-ს. მონაცემები ერთი მიმართულებით ედინება, რაც ცვლილებებს ვერიფიცირებად ხდის. ## სამი პრინციპი ```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 ``` ეს სკრუპულოზური ერთი მიმართულების ნაკადი ნიშნავს, რომ state-ის ყოველი ცვლილება არის dispatch-ის საშედეგო, რომელიც დამუშავებულია სუფთა ფუნქციით — მთლიანად ვერიფიცირებადი. ## 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, ერთი მიმართულების ნაკადი — აჩენს აპლიკაციის state-ს **წინასწარმეტყველი და ვერიფიცირებადი**, რომელიც მისი მთავარი ღირებულება დიდი აპლიკაციებისთვის. store/action/reducer/dispatch/select-ის გაგება აუცილებელია ბევრი codebase-ისთვის, რომელიც Redux-ს იყენებს, და პრინციპები (უცვლელი განახლებები, სუფთა reducers, ცალმხრივი ნაკადი) განმეორდება თითქმის ყველა state library-ში. თანხვედრა არის boilerplate, რომელსაც Redux Toolkit ხსნის ამ საფუძვლების შენახვის დროს.