Reageeri Reduxi logija on React Reduxit kasutavate rakenduste arendamise lahutamatu osa. See tööriist võimaldab arendajatel igal ajal rakenduse olekut logida, muutes silumise palju lihtsamaks. See toimib, logides eelmise oleku, toimingu ja järgmise oleku iga kord, kui toiming saadetakse. Selles artiklis sukeldume põhjalikult React Redux Loggeri rakendusse, uurime lahendusi levinud probleemidele ja tutvustame teile selge arusaamise huvides mõningaid koodinäiteid.
React-Reduxi logija probleemi mõistmine
Sageli puutuvad arendajad oma react-redux rakenduste silumisel raskusi. Levinud probleemide hulka kuuluvad oleku mutatsioonipunkti tuvastamine, toimingute voo jälgimine või lihtsalt rakenduse oleku kui terviku visualiseerimine. Siin tuleb appi React Redux Logger, mis pakub lihtsat, kuid tõhusat lahendust oleku logimiseks.
- Logija vahevara logib iga saadetud toimingu koos olekuga enne ja pärast toimingut.
- See võimaldab arendajatel oleku muutusi jälgida ja tõhusamalt siluda.
React-Reduxi logija juurutamine
Reduxi logija kasutamise alustamiseks Reacti rakenduses tuleb see lisada Reduxi vahevarasse.
import { createStore, applyMiddleware } from 'redux';
import { composeWithDevTools } from 'redux-devtools-extension';
import logger from 'redux-logger';
import rootReducer from './reducers';
const store = createStore(
rootReducer,
composeWithDevTools(
applyMiddleware(logger)
)
);
Reduxi logija edastatakse parameetrina reduxist imporditud funktsioonile ApplyMiddleware. Seejärel logib see kõik toimingud, mis saadetakse koos eelmise ja järgmise olekuga. Seejärel suunatakse see pood teie rakenduse kõrgeimal tasemel react-reduxist teenusepakkuja komponenti, tavaliselt App.js või index.js.
Reduxi logija konfiguratsioonidesse süvenemine
Redux logija on komplektis paljude kohandustega. Saate otsustada, mis logitakse.
const logger = createLogger({
collapsed: true,
diff: true
});
Valik „ahendatud”, kui see on seatud väärtusele Tõene, logib ahendatud toimingud, mis tähendab, et arendaja peab nende laiendamiseks klõpsama, et näha eelmist ja järgmist olekut. Valik „diff” näitab eelmise ja järgmise oleku erinevust, mitte ei näita täielikku olekut.
Probleemide lahendamine React-Redux Loggeri abil
Redux logija eeliste, juurutamise ja kasutamise mõistmine suurendaks oluliselt teie tootlikkust. See võimaldab silumist, pakkudes läbipaistvust selle kohta, kuidas ja millal rakenduse olek muutub. Logide järjestikune lugemine annab ülevaate ka toimingute ja oleku kulgemisest ajas. Redux logija kasutamise lõppeesmärk on parandada suurte rakenduste hooldatavust ja see saavutab selle suuresti.
