progettazione dell'albero di stato di Redux

Question

Attualmente sono in fase di apprendimento di Redux e ho più o meno capito i concetti di base. Capisco come lavorare con azioni e riduttori e tutto il resto. Quello a cui sto combattendo è capire come progettare correttamente un albero di stato. Vengo informato sui dettagli di ciò che dovrebbe/non dovrebbe essere memorizzato nello stato dell'applicazione, quando è accettabile utilizzare lo stato del componente, il modo migliore per gestire le modifiche dello stato, ecc.

Ci sono dei buoni tutorial o blog là fuori qualcuno può raccomandare per capire le migliori pratiche di progettazione dello stato?

Answer 1

Ci sono molte opinioni diverse su questo. Ecco cosa faccio.

1. Riduttori - tenere le cose che si occupano con il mio modello di dati (in genere tutto ciò che è in un database), che ha bisogno di essere salvato e utilizzato in seguito o utilizzato attraverso componenti

2. LocalState (reagire setState) - tratta gli elementi dell'interfaccia utente in un singolo componente relativi all'input e all'interazione dell'utente

Quindi, se dovessi modellare una risposta a questa domanda. negozio Redux avrebbe

store = { 
    session: { token: 'randomUid' } 
    user: { name: 'Austio' } 
    question: { id: 37288070 } 
} 

Quando seleziono la casella di testo per immettere i valori in per creare una risposta a questa domanda è sarebbe handleInput da questa scatola, che setState del answerText.

Quando è handleSubmit per il modulo, vorrei inviare in base al successo qualcosa come NEW_ANSWER con il questionId e la risposta in modo da poterlo archiviare nel negozio per essere utilizzato ovunque sia necessario.

Il mio miglior consiglio è quello di iniziare a programmare cose, è molto difficile trovare i bordi delle preferenze con l'uso di redux/reagire senza.

Answer 2

mi raccomando check-out di Dan Abramov (creatore di Redux) tutorial su egghead.io https://egghead.io/courses/getting-started-with-redux

Egli vi porta attraverso la costruzione di una semplice applicazione todo, ma sottolinea in realtà sulle migliori pratiche edilizie Stato in tutto il corso.