Perché un riduttore Redux deve essere privo di effetti collaterali?

Question

Ho usato Redux nella mia app React e qualcosa mi ha infastidito. La documentazione di Redux rende molto chiaro che il riduttore dovrebbe essere libero dallo stato. Si vedono spesso esempi come questo:

function reducer(state = { exampleState: true }, action) { 
    switch(action.type) { 
    case "ACTION_EXAMPLE": 
    return Object.assign({}, state, { exampleState: false }); 
    default: 
    return state; 
    } 
} 

La mia domanda è perché è necessario? JavaScript è single threaded. Non c'è possibilità di una condizione di gara all'interno del riduttore. Per quanto posso dire, un negozio Redux è solo in grado di restituire lo stato attuale del negozio, quindi sembra strano che ci sia così tanta attenzione sulle funzioni pure.

Answer 1

Il caso per le funzioni di puro è fatto in l'autore del documentation. Certo, puoi scrivere riduttori con funzioni impure, ma:

Le funzionalità di sviluppo come la corsa nel tempo, la registrazione/riproduzione o il ricaricamento a caldo si interrompono.

Se nessuna di queste caratteristiche fornisce un vantaggio o è di interesse, quindi, con tutti i mezzi, scrivere le funzioni impure. Tuttavia, la domanda allora diventerebbe, perché usare Redux?

Answer 2

Solo perché è a thread singolo non significa che non sia asincrono, ma questo è davvero il punto. Gli effetti collaterali non hanno nulla a che fare con il threading e tutto ciò che riguarda il fatto che il proprio oggetto si comporti nel modo in cui la sua API dice che: Se avesse stato, si potrebbe avere un comportamento diverso a seconda di quante chiamate sono state fatte ad esso e quali dati sono stati passato per ogni chiamata, invece di essere un oggetto con comportamento costante indipendentemente da quando lo chiami.

La parte importante è "si comportano sempre esattamente allo stesso modo per esattamente lo stesso input". Aggiungere e usare lo stato è quasi letteralmente una promessa che non sarà così.

Answer 3

Perché

Redux is a predictable state container for JavaScript apps.

accento sulla 'prevedibile'.

Aggiunta di effetti collaterali rende un prevedibile