Articles of redux

Comment structurer les composants / conteneurs Redux

J’utilise redux et je ne sais pas comment organiser mes composants, je pense que le mieux est de les conserver dans des dossiers avec le nom du composant principal comme nom du dossier et tous les composants internes à l’intérieur: Composants Common / choses comme les liens, les titres des en-têtes, etc. Formulaire / boutons, […]

Redux: Opinions / exemples sur la façon de faire de la persistance backend?

Je me demande comment les gens utilisant Redux se rapprochent de leur persistance. En particulier, stockez-vous les “actions” dans une firebase database ou stockez-vous uniquement le dernier état connu de l’application? Si vous stockez les actions, les demandez-vous simplement au serveur, puis rejouez-les toutes lorsqu’une page donnée est chargée? Cela ne pourrait-il pas entraîner des […]

React / Redux – envoie des actions sur app load / init

J’ai une authentification par jeton d’un serveur, alors lorsque mon application Redux est chargée au départ, je dois demander à ce serveur de vérifier si l’utilisateur est authentifié ou non et si oui, je devrais obtenir un jeton. J’ai trouvé que l’utilisation des actions INIT de base de Redux n’est pas recommandée, alors comment puis-je […]

Pendant le débogage, puis-je avoir access au magasin Redux à partir de la console du navigateur?

J’ai des tests unitaires pour mes reducers , comme je le suppose. Cependant, lorsque je débogue dans le navigateur, je veux vérifier si mes actions ont été appelées correctement et si l’état a été modifié en conséquence. Je cherche quelque chose comme: window._redux.store … dans le navigateur afin que je puisse taper cela sur la […]

Module introuvable: ‘redux’

J’ai créé une nouvelle application de réaction en utilisant create-react-app cli. Ensuite, j’ai ajouté la bibliothèque ‘react-redux’ npm install –save react-redux ‘react-redux’ utilisant npm install –save react-redux . Dans package.json j’ai: “react-redux”: “^4.4.5” Malheureusement, l’application ne comstack pas et se plaint avec: Error in ./~/react-redux/lib/utils/wrapActionCreators.js Module not found: ‘redux’ in C:\Users\Salman\Desktop\Courses\Internship\React\Youtube-Front-End\node_modules\react-redux\lib\utils @ ./~/react-redux/lib/utils/wrapActionCreators.js 6:13-29 Je […]

Comment synchroniser les parameters de requête d’état et d’URL Redux

J’ai une page Web avec un panneau de recherche. Le panneau de recherche comporte plusieurs champs de saisie: id, taille, … Ce que je veux, c’est lorsque l’utilisateur définit des valeurs de recherche (par exemple: id = 123 et taille = 45) et appuie sur un bouton de recherche: searchState dans Redux réducteur doit être […]

Quelle est l’utilisation de l’argument ownProps dans mapStateToProps et mapDispatchToProps?

Je constate que les fonctions mapStateToProps et mapDispatchToProps , qui sont transmises à la fonction de connect dans Redux, prennent en second lieu ownProps . [mapStateToProps(state, [ownProps]): stateProps] (Function): [mapDispatchToProps(dispatch, [ownProps]): dispatchProps] (Object or Function): A quoi sert l’argument optionnel [ownprops] ? Je cherche un autre exemple pour clarifier les choses car il y en […]

Copie approfondie dans ES6 en utilisant le signe de diffusion

J’essaie de créer une méthode de copie en profondeur pour mon projet Redux qui fonctionnera avec des objects plutôt qu’avec des tableaux. J’ai lu que dans Redux, chaque état ne devrait rien changer aux états précédents. export const mapCopy = (object, callback) => { return Object.keys(object).reduce(function (output, key) { output[key] = callback.call(this, {…object[key]}); return output; […]

J’utilise Redux. Dois-je gérer l’état des entrées contrôlées dans le magasin Redux ou utiliser setState au niveau des composants?

J’ai essayé de trouver le meilleur moyen de gérer mes formulaires de réaction. J’ai essayé d’utiliser le onChange pour déclencher une action et mettre à jour mon magasin Redux avec mes données de formulaire. J’ai également essayé de créer un état local et lorsque mon formulaire est soumis, je déclenche et actionne et met à […]

Quand bindActionCreators serait-il utilisé dans react / redux?

En regardant les documents redux pour bindActionCreators et il indique que: Le seul cas d’utilisation de bindActionCreators est lorsque vous souhaitez transmettre certains créateurs d’action à un composant qui ne connaît pas Redux, et que vous ne souhaitez pas y transférer dispatch ou le magasin Redux. Quel serait un exemple où bindActionCreators serait utilisé / […]