Perché gli oggetti in Redux dovrebbero essere immutabili?

Question

Perché gli oggetti in Redux dovrebbero essere immutabili? So che alcuni framework come Angular2 useranno onPush e possono sfruttare l'immutabilità per confrontare gli stati di vista per un rendering più veloce, ma mi chiedo se ci siano altri motivi, dal momento che Redux è agnostico per il framework e tuttavia cita all'interno dei propri documenti per usa l'immutabilità (indipendentemente dal framework).

Apprezzare qualsiasi feedback.

Answer 1

Redux è una piccola libreria che rappresenta lo stato come oggetti (immutabili). E nuovi stati passando lo stato corrente attraverso pure funzioni per creare uno stato di oggetto/applicazione completamente nuovo.

Se i tuoi occhi non sono lucidi, non preoccuparti. Per riassumere, Redux non rappresenta cambiamenti nello stato della tua applicazione modificando gli oggetti (come faresti con i paradigmi orientati agli oggetti). Invece le modifiche di stato sono rappresentate come la differenza tra l'oggetto di input e l'oggetto di output (var output = reducer(input)). Se si muta o input o output, si annulla lo stato.

Per riassumere in un altro modo, l'immutabilità è un requisito di Redux perché Redux rappresenta lo stato dell'applicazione come "snapshot di oggetti congelati". Con queste istantanee discrete , è possibile salvare il proprio stato o stato inverso e in genere disporre di una maggiore "contabilità" per tutte le modifiche di stato.

Lo stato della tua app è solo modificato da una categoria di funzioni pure denominate riduttori. Riduttori hanno 2 importanti proprietà:

1. Essi mai mutano, restituendo oggetti di nuova costruzione: ciò permette un ragionamento su ingresso + uscita senza effetti collaterali
2. La loro firma è semprefunction name(state, action) {}, in modo che rende facile comporli:

assumere lo stato si presenta così:

var theState = { 
     _2ndLevel: { 
     count: 0 
     } 
    } 

Vogliamo incrementare il conteggio, quindi facciamo questi riduttori

const INCR_2ND_LEVEL_COUNT = 'incr2NdLevelCount'; 

function _2ndlevel (state, action) { 
    switch (action.type) { 
     case INCR_2ND_LEVEL_COUNT: 
      var newState = Objectd.assign({}, state); 
      newState.count++ 
      return newState; 
     } 
    } 

function topLevel (state, action) { 
    switch (action.type) { 
     case INCR_2ND_LEVEL_COUNT: 
      return Objectd.assign({}, {_2ndLevel: _2ndlevel(state._2ndlevel)}); 
    } 
} 

Nota l'uso di Objectd.assign({}, ...) per creare uno completamente nuovo oggetti in ogni riduttore:

Supponendo che abbiamo cablato Redux a questi riduttori, quindi se usiamo il sistema di eventi di Redux per innescare un cambio di stato ...

dispatch({type: INCR_2ND_LEVEL_COUNT}) 

... Redux chiamerà:

theNewState = topLevel(theState, action); 

NOTA: action da dispatch()

Ora theNewState è un oggetto completamente nuovo .

Nota: È possibile applicare immutabilità con a library (o new language features), o semplicemente stare attenti a non mutare nulla: D

Per uno sguardo più profondo, mi raccomando si checkout this video da Dan Abramov (il creatore). Dovrebbe rispondere a tutte le domande persistenti che hai.

Answer 2

Il seguente benefits of immutability sono menzionati nella documentazione Redux:

• Sia Redux e React-Redux impiegare shallow equality checking. In particolare:
  • L'utilità combinatore Reddires shallowly checks for reference changes di Redux causata dai riduttori che chiama.
  • Il metodo di connessione di React-Redux genera componenti che sono shallowly check reference changes to the root state e i valori restituiti dalla funzione mapStateToProps per verificare se i componenti avvolti devono effettivamente eseguire nuovamente il rendering. Tale shallow checking requires immutability per funzionare correttamente.
• La gestione dei dati immutabile rende la gestione dei dati più sicura.
• Il debug nel tempo richiede che i riduttori siano funzioni pure senza effetti collaterali, in modo da poter saltare correttamente tra stati diversi.

Answer 3

articolo Greate https://medium.cobeisfresh.com/how-redux-can-make-you-a-better-developer-30a094d5e3ec

insieme ai dati immutabili, funzioni pure sono uno dei concetti fondamentali di programmazione funzionale