So verwenden Sie Redux-Zeitreise zur Fehlerbehandlung

Question

Ich versuche herauszufinden, wie mit Fehlern in der React/Redux-Anwendung umzugehen ist, und habe herausgefunden, dass Redux das Statuskontinuum aufgrund des unveränderlichen Statusmusters rückwärts durchlaufen kann. Ist es eine verrückte Idee, auf Redux in der Zeit zurück zu reisen, wenn der Beitrag fehlschlägt, gleichzeitig den internen Wiederholungszähler der Komponente zu inkrementieren und eventuell notwendige Aktionen zu versenden? Wie würde ich mit react-redux in den vorherigen Zustand wechseln?

Answer 1

Sie können Redux-Entwickler-Tools für Chrom verwenden, um schöne UI/UX der Zeitreise in Anspruch zu nehmen. Gehen Sie voran und installieren Sie Redux-Dev-Tools im Chrome Store.

Außerdem müssen Sie Ihrem Redox-Shop mitteilen, dass Sie Redux-Dev-Tools verwenden. Dafür sollten Sie einige Verbesserungen in Ihrer createStore() Methode vornehmen.

Werfen Sie einen Blick auf die Beschreibung von this repo, um es in Aktion zu sehen.

zu diesem Code finden Sie ein Entwickler-Tool-Enhancer in Ihrem redux

Store-

import { createStore, applyMiddleware, compose } from 'redux'; 
import createReducer from './reducers'; 

const devtools = window.devToolsExtension || (() => noop => noop); 

export default function configureStore(initialState = {}, middlewares) { 
    const enhancers = [ 
    applyMiddleware(...middlewares), 
    devtools(), 
    ]; 

    const store = createStore(
    createReducer(), 
    initialState, 
    compose(...enhancers) 
); 

    return store; 
} 

Answer 2

zu injizieren Was Sie suchen ein Muster "optimistisch Updates" genannt wird. Beispielsweise senden Sie eine Aktion vor einem Netzwerkanruf unter der Annahme, dass der Netzwerkaufruf erfolgreich sein wird. Wenn der Anruf fehlschlägt, senden Sie eine zweite Aktion, um die erste zurückzusetzen.

"Time-travel debugging" erfordert die Verwendung der Redux DevTools. Die DevTools zeichnen alle ausgeführten Aktionen auf und wenn Sie in der Historie hin- und herspringen, werden die Aktionen bis zu diesem Punkt wiederholt, um zu bestimmen, wie der aktuelle Zustand aussehen soll. In der Produktion werden alte Handlungen und alte Zustände nicht aufgezeichnet (obwohl Sie sicherlich selbst etwas bauen könnten, um so etwas zu tun).