Articles of redux

CSRF con Django, React + Redux usando Axios

Questo è un progetto educativo, non per la produzione. Non avevo intenzione di avere accessi utente come parte di questo. Posso fare chiamate POST a Django con un token CSRF senza avere login utente? Posso farlo senza usare jQuery? Sono fuori dalla mia profondità qui, e sicuramente confondono alcuni concetti. Per il lato JavaScript, ho […]

Come aggiornare il singolo valore all’interno di specifici elementi dell’array in redux

Ho un problema in cui il re-rendering dello stato causa problemi di interfaccia utente e mi è stato suggerito di aggiornare solo il valore specifico all’interno del mio riduttore per ridurre la quantità di re-rendering su una pagina. questo è un esempio del mio stato { name: “some name”, subtitle: “some subtitle”, contents: [ {title: […]

Riduzione: più negozi, perché no?

Come nota: ho letto i documenti per Redux (anche Baobab) e ho fatto una buona parte di googling e testing. Perché è così fortemente suggerito che un’app Redux abbia un solo negozio? Comprendo i pro / contro di una configurazione a negozio singolo rispetto a una configurazione di più negozi ( ci sono molte domande […]

Come sincronizzare i parametri del tag hash redux e url

Abbiamo un elenco di lezioni e capitoli in cui l’utente può selezionarli e deselezionarli. Le due liste sono memorizzate in un negozio redux. Ora vogliamo mantenere una rappresentazione di slug e slug di capitolo selezionati nel tag hash dell’URL e qualsiasi modifica all’URL dovrebbe cambiare anche il negozio (sincronizzazione a due vie). Quale sarebbe la […]

Utilizzare Object.assign o Spread Operator in React / Redux? Che è una pratica migliore

Ho una certa confusione sull’utilizzo di Object.assign per React e Redux. Ho letto questo articolo Dice ES6 non supportato da tutti i browser ma ho iniziato a usarlo. Ho due domande: È la decisione giusta per continuare con Object.assign ? Qual è l’alternativa? Il mio codice export const selectDiameter = (scaleData, size) => { return […]

È questo il modo corretto di cancellare un object usando redux?

So che non dovrei mutare l’input e dovrei clonare l’object per mutarlo. Stavo seguendo la convenzione utilizzata in un progetto di avvio redux che utilizzava: ADD_ITEM: (state, action) => ({ …state, items: […state.items, action.payload.value], lastUpdated: action.payload.date }) per aggiungere un elemento – ottengo l’uso di spread per aggiungere l’elemento nell’array. per l’eliminazione ho usato: DELETE_ITEM: […]

Posso inviare un’azione nel riduttore?

è ansible inviare un’azione in un riduttore stesso? Ho una barra di avanzamento e un elemento audio. L’objective è aggiornare la barra di avanzamento quando l’ora viene aggiornata nell’elemento audio. Ma non so dove posizionare l’eventhandler ontimeupdate, o come inviare un’azione nel callback di ontimeupdate, per aggiornare la barra di avanzamento. Ecco il mio codice: […]

Reagire con Redux? E il problema del “contesto”?

Normalmente pubblico cose legate al codice su Stack, ma questa è più una domanda su quali siano i pensieri generali della comunità. Sembra che ci sia un sacco di persone che sostengono l’uso di Redux con React per gestire i dati / stato, ma mentre leggo e apprendo entrambi ho trovato qualcosa che non sembra […]

Pro / contro dell’utilizzo di redux-saga con generatori ES6 vs redux-thunk con ES2017 async / await

C’è un sacco di discorsi sull’ultimo ragazzino di Redux in questo momento, redux-saga / redux-saga . Usa le funzioni del generatore per le azioni di ascolto / dispacciamento. Prima di girarmi intorno, vorrei sapere i pro / contro dell’utilizzo di redux-saga invece dell’approccio in basso, dove sto usando redux-thunk con async / await. Un componente […]

Usa history.push nel creatore di azioni con react-router-v4?

L’unico metodo di lavoro che ho trovato per risolvere questo problema senza utilizzare react-router-redux per instradare dal completamento di action creator async action è passare l’argomento della history dal componente all’action Creator e fare: history.push(‘routename’); Poiché BrowserRouter ignora la storia passata, non possiamo usare oggetti di cronologia personalizzati con browserhistory. Qual è il modo migliore […]