Kokie populiarūs požiūriai buvo sukurti naudojant…

Vanilla Redux: Pagrindinis požiūris naudojant createStore, reguliarius veiksnius, reducerius ir selektorius. Reikalauja daug boilerplate.
Redux Toolkit: Rekomenduojamas požiūris. Supaprastina Redux konfigūraciją ir darbą naudojant configureStore, createSlice, createAsyncThunk. Sumažina boilerplate kiekį.
Immer su reduceriais: Immer bibliotekos naudojimas reduceriuose leidžia tiesiogiai modifikuoti būseną "šaukimo" metu, o Immer generuoja naują imutabilų būseną.
Ducks (Kiaulės): Struktūrinis požiūris, kur reduceriai, veiksmai ir veiksmo tipai grupuojami viename faile. Pagerina skaitomumą ir palaikymą.

// Ducks struktūros pavyzdys
// myFeature.js

const initialState = {
  // ...
};

const MY_FEATURE_ACTION = 'myFeature/MY_FEATURE_ACTION';

export default function myFeatureReducer(state = initialState, action) {
  // ...
}

export const myFeatureActionCreator = (payload) => ({
  type: MY_FEATURE_ACTION,
  payload,
});

Modulinis požiūris: Redux logikos struktūrizavimas pagal funkcijas ar modulius, kur kiekvienas modulis turi savo reducerius, veiksmus ir selektorius, dažnai naudojant useSelector/useDispatch hook'us.
Redux-Saga/Redux-Thunk šalutinio poveikio valdymui: Naudojami middleware'iai asinchroninių operacijų valdymui. Redux-Thunk tinka paprastiems asinchroniniams veiksmas (pvz., fetch), Redux-Saga – sudėtingesniems scenarijams (konkurencija, atšaukimas, vėlavimas).

// Redux-Thunk pavyzdys
const fetchData = () => {
  return async (dispatch) => {
    try {
      dispatch({ type: 'FETCH_START' });
      const response = await fetch('/api/data');
      const data = await response.json();
      dispatch({ type: 'FETCH_SUCCESS', payload: data });
    } catch (error) {
      dispatch({ type: 'FETCH_FAILURE', payload: error.message });
    }
  };
};

Būsenos normalizavimas (Normalizr): Dirbant su giliais ir susijusiais duomenimis, normalizacija padeda išvengti dubliavimosi ir palengvina atnaujinimus.

Kokie populiarūs požiūriai buvo sukurti naudojant Redux?