React + Redux con api di riposo?

Question

Ho una semplice app CRUD che sto costruendo nel nodo e ho finito di creare l'altra API in Express. Ora sto cercando di aggiungere funzionalità di front end e desidero utilizzare react + redux come esercizio di apprendimento. Sembra tuttavia che tutte le esercitazioni di questo tipo accedano direttamente ai dati usando Redux, piuttosto che interfacciarsi con un'API interna.

La mia domanda è, è che il modo corretto di costruire una SPA con redux? Avevo l'impressione che fosse meglio separare il front-end dal back-end in modo che potessi, ad esempio, creare un'app per iPhone e non dover ricostruire il back-end.

Grazie in anticipo.

Answer 1

Lo stesso Redux non ha nulla a che fare con la comunicazione API, è la libreria per la gestione dello stato lato client. È possibile utilizzare qualsiasi approccio per le richieste di attivazione e gestione, il più comune è l'utilizzo di middleware di collegamento api personalizzato, restituzione di funzioni, richieste di attivazione, creatori di azioni e utilizzo con thunk-middleware o metodi alternativi come rx-bridges o sagas.

Answer 2

Inizia con: https://egghead.io/series/getting-started-with-redux

Reffer a: What is best practice to communicate between React components and services?

Redux di progettazione forze per costruire applicazioni SPA.

Answer 3

In primo luogo, si vedano gli esempi di documenti Redux, "Real World" è più utile: https://github.com/reactjs/redux/tree/master/examples/real-world

Quindi, è possibile la ricerca utils utili come Redux-promessa-middleware.

Infine, puoi provare a utilizzare alcuni utils complessi per connettere la tua app redux con API. redux-rest-adapter è uno di questi.