Redux la persistance de l'état avec une base de données

De la discussion ici, il semble que l'état de Redux réducteurs doivent être conservées dans une base de données.

Afin de préserver l'état ou pas, c'est probablement pas une préoccupation de Redux. C'est plus à la logique de l'application.

Si quelque chose se passe dans une application, comme le téléchargement de données à un serveur, évidemment vous avez besoin pour économiser de l'état (ou une tranche de l'état à un serveur).

Depuis les appels réseau sont asynchrones, mais Redux est synchrone, il faut introduire de middleware, comme redux-thunk ou redux-la promesse.

Comme inscrivez-vous exemple, vous avez probablement besoin que les actions,

export function creatingAccount() {
  return { type: 'CREATING_ACCOUNT' };
}

export function accountCreated(account) {
  return { type: 'ACCOUNT_CREATED', payload: account };
}

export function accountCreatingFailed(error) {
  return { type: 'ACCOUNT_CREATING_FAILED', payload: error };
}

export function createAccount(data, redirectParam) {
  return (dispatch) => {
    dispatch(creatingAccount());

    const url = config.apiUrl + '/auth/signup';

    fetch(url).post({ body: data })
      .then(account => {
        dispatch(accountCreated(account));
      })
      .catch(err => {
        dispatch(accountCreatingFailed(err));
      });
  };
}

Une partie de l'etat, par exemple, l'utilisateur de l'objet après l'autorisation, peut être stocké à localStore et ré-hydratés sur la prochaine exécution de l'application.

OriginalL'auteur Alexander Beletsky