Single Page Apps: gestione delle dipendenze dello stato

Question

Single Page Apps: gestione delle dipendenze dello stato

#1 da (0 voti)

-2

Se ho un'applicazione a pagina singola React / Redux che ha, ad esempio, una pagina clienti che elenca le aziende clienti, e da lì ogni cliente può accedere con un URL come questo:

/customer/1

Da lì, la pagina elenca i contatti a detto cliente e l'utente può eseguire il drill in singoli contatti presso quel cliente:

/contact/58

Nella pagina dei contatti, ci sono dettagli sul cliente e alcuni dettagli sul cliente per cui lavorano.

Funziona tutto bene se l'utente naviga attraverso le pagine come ho descritto. Ma se l'utente va direttamente a / contact / 58, non ci sarà alcun stato sul cliente da visualizzare.

Infine, la domanda: in che modo le SPA basate su Redux possono farcela?

state ajax redux react

posta Robert Grant 01.11.2017 - 13:18

fonte

1 risposta

Leggi altre domande sui tag state ajax redux react

Funzioni per la gestione di elenchi di guida di prova Il controllo è terminato in modo asincrono e attende il comportamento

score 0 · Answer 1

Immagino che funzioni in questo modo:

Vai a /customers . Il browser effettua una richiesta per /customers e recupera i dati dei clienti, incluso un elenco di contatti (probabilmente solo un nome e un ID) per ogni cliente / azienda.
Drill down su un contatto. Il browser effettua una richiesta per /contact/58 e esegue il rendering di una nuova pagina dopo aver ricevuto tali dati.

Inoltre, lo schema degli URL è confuso. Perché stai dicendo che /customers/1 ti porterà alla lista dei clienti? Ciò implica per me una visione dei dati dei clienti per l'ID cliente = 1. Penso che solo /customers restituirà un elenco di clienti.