Angularjs con redux

Question

Ho letto alcuni su Redux. La maggior parte di ciò che leggo è la combinazione di redux con reagire. Io uso Angularjs. C'è una buona ragione per usare Redux vs semplicemente gestire lo stato all'interno di angularjs scope e consentire angolare di gestire i binding

Answer 1

Redux ha vantaggi con Angular 1.x se si dispone di molto stato condiviso. Nell'app Angular su cui lavoro abbiamo molte pagine con un modello condiviso e diversi componenti che apportano modifiche (sovrapposte) a quel modello. Non è sempre facile mantenere i dati sincronizzati o avere un modo standard per le modifiche. Redux è un buon modo per farlo, sebbene tu possa certamente implementare qualcosa di simile usando solo i servizi Angular. Il flusso di dati a senso unico che Redux utilizza è più semplice (secondo me) di quello che si fa normalmente in Angular. Viceversa, l'introduzione di Redux probabilmente danneggia la tua capacità di scrivere prototipi veramente veloci, dal momento che c'è un po 'più di lavoro per trasmettere i dati. Questo non mi importa, ma potrebbe importare agli altri.

Il principale principles of Redux applicano ancora in applicazioni angolari:

• Unica fonte di verità (singolo oggetto di stato). Come ho detto sopra, penso che sia più facile gestire lo stato quando si trova in un singolo posto rispetto a gestito in diversi ambiti o servizi angolari. Scope-soup è un vero problema in alcune app.
• Lo stato è immutabile. Questo è il punto in cui entra in gioco la maggior parte degli attriti con Angular, dal momento che Angular (e Javascript) rendono i dati mutanti davvero facili. Ma ti aiuta a scrivere codice più sicuro. Dato che puoi modificare un oggetto immutabile solo creando una copia, puoi essere più sicuro che qualsiasi manipolazione di dati che stai facendo in una direttiva non infrangerà altre direttive. E al contrario, puoi aspettarti che altre direttive non stiano modificando i tuoi dati. Tutte queste modifiche passano attraverso un luogo centrale (il singolo oggetto di stato, tramite riduttori), quindi è più facile trovarle.
• Le modifiche sono fatte da pure funzioni. Penso che questo sia utile in qualsiasi applicazione JS. Più codice hai che non ha un sacco di effetti collaterali o dipendenze del framework, più facile è la tua app da capire e testare. Molti dei nostri test per il codice angolare hanno una serie di regole per l'installazione delle app. Testare un riduttore è incredibilmente semplice al confronto, poiché è solo una funzione Javascript.

Utilizzare Redux significa che meno del codice è angolare-centrico. Ciò significa che hai un percorso di aggiornamento più semplice se decidi di non utilizzare Angular. O anche se vuoi semplicemente migrare ad Angular 2. Quanto è più facile dirlo, però.

Non penso che ci sia un sacco di sovrapposizioni a causa del fatto che Angular è più un framework che una libreria, ma ci sono cose in Redux che non puoi trarre il massimo vantaggio da Angular. Potresti sapere esattamente quale parte del tuo stato dell'app sta cambiando, ma Angular sta eseguendo il ciclo di digest e controllerà comunque tutto. Angular 2 è migliore a questo proposito, però. Dovrai saltare attraverso alcuni cerchi per far funzionare tutte le tue direttive con dati immutabili. E soprattutto se vuoi inviare ogni campo un utente cambia attraverso il negozio Redux, dal momento che ng-model vuole mutare la proprietà che tu passi.

Ogni app è diversa, ma l'uso di Redux ha senso nel tipo di app Angolari su cui ho lavorato.

Answer 2

Redux può essere utilizzato con qualsiasi tecnologia javascript. In sintesi puoi integrarlo in un progetto Agular. Al giorno d'oggi, sta trasformando il modo in cui sono costruite le applicazioni. Consente un nuovo modo di concepire le applicazioni utilizzando un flusso di dati unidirezionale. Di conseguenza, questo ti dà un controllo migliore sullo stato e sugli strumenti dell'applicazione per sradicare i problemi associati alla mutabilità dei dati. Dai un'occhiata a questo fantastico tutorial about using Redux in Angular projects.