Come usare Redux nell'app Flutter

Se conosci già il concetto di libreria JavaScript Redux, puoi portare la conoscenza in Flutter.

R edux è una popolare libreria JavaScript utilizzata principalmente con React. In questo tutorial impareremo come usare Redux in un'app Flutter. Ci sono 3 principi di Redux:

  1. Unica fonte di verità
  2. Read Only States
  3. Riduttore - Funzione pura

Se vuoi vedere il codice ecco il progetto iniziale e finale.

🔥 Codice Github

Librerie Redux richieste in un progetto Flutter:

Passaggio 1: crea un AppStatemodello

Quindi presumo che tu sappia già cos'è un modello e perché lo usiamo. Questa AppStateclasse rappresenta i dati di cui abbiamo bisogno nella nostra app.

Passaggio 2: creare azioni

Le azioni sono fondamentalmente oggetti. Quindi qui ciascuna di queste classi rappresenta un'azione individuale.

Passaggio 3: creare riduttori

I riduttori sono funzioni che useranno le azioni per creare un nuovo stato basato sull'ultimo stato e restituire un nuovo oggetto di stato. Periodo. In questo esempio, stiamo usando solo una funzione di riduzione per gestire tutte le 3 azioni che abbiamo definito in precedenza.

Passaggio 4: creare un negozio nel file Main.dart

Devi definire un negozio globale il prima possibile nell'app. Store è il contenitore che detiene lo stato. Quindi qui abbiamo definito il nostro negozio nel main.dartfile.

Passaggio 5: utilizzare lo stato e l'azione di invio

Questa è la parte interessante. Quando si desidera aggiornare lo stato, è necessario inviare l'azione utilizzando un metodo designato. Quindi aggiornerà lo stato, che avviserà il destinatario.

Il concetto di Redux sembra difficile all'inizio. Ma una volta compreso il concetto, scoprirai che è abbastanza semplice da usare.

Esistono diversi modi per gestire lo stato globale in un'app Flutter. Quindi quale libreria dovresti usare nelle tue app Flutter, dipende dalla scelta del team. Spero che tu abbia una solida conoscenza di Redux da questo tutorial.

Suggested posts

Ricerca di informazioni sui nomi di dominio

Un estratto da Small, Sharp Software Tools di Brian P. Hogan

Ricerca di informazioni sui nomi di dominio

Quando fai una richiesta a facebook.com, il tuo computer cerca il nome di dominio per tradurre quel nome di dominio in un indirizzo IP in modo che il tuo computer possa effettuare quella connessione.

La parola D e la parola L in UI Design. Questioni linguistiche. Non essere razzista.

La parola D e la parola L in UI Design. Questioni linguistiche. Non essere razzista.

La nostra lingua è uno strumento potente che può modellare i nostri pensieri, atteggiamenti e azioni. Anche termini apparentemente innocui possono perpetuare pregiudizi e stereotipi dannosi.

Related posts

Rete televisiva Twitter

Rete televisiva Twitter

Ciò che è vecchio ora è di nuovo nuovo e ciò che prima era la cosa luccicante e scintillante ora sembra noioso. Non sto parlando dei jeans JNCO che stanno tornando in auge tra i ragazzi fighi del centro insieme ad altre mode di fine anni '90.

Ricerca di informazioni sui nomi di dominio

Un estratto da Small, Sharp Software Tools di Brian P. Hogan

Ricerca di informazioni sui nomi di dominio

Quando fai una richiesta a facebook.com, il tuo computer cerca il nome di dominio per tradurre quel nome di dominio in un indirizzo IP in modo che il tuo computer possa effettuare quella connessione.

L'apprendimento alla settimana lavorativa conta più di quanto pensi

L'apprendimento alla settimana lavorativa conta più di quanto pensi

Spesso ci troviamo a lottare per implementare ciò che sappiamo essere buono per noi. Dal dire a un altro significativo che li amiamo al ricordare di parlare come un pirata, ci saranno sempre quelli che affermeranno che un giorno, una settimana o un mese di eventi non è necessario perché stanno già facendo quelle cose.

Niente più password: come le passkey sostituiranno la tua password

Niente più password: come le passkey sostituiranno la tua password

Per evitare ambiguità verranno utilizzati i seguenti termini; Autenticatore; Il telefono cellulare utilizzato per effettuare il login Sito web; Il sito Web o l'applicazione che l'utente sta utilizzando per effettuare la richiesta di accesso al Servizio; Il fornitore che fornisce il servizio dato, ad es