Articles of redux

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é / […]

Utilisation des alias Webpack dans les tests mocha

Je développe une application web au travail dans React / Redux / Webpack et je commence maintenant à intégrer les tests avec Mocha. J’ai suivi les instructions pour écrire des tests dans la documentation Redux , mais j’ai maintenant rencontré un problème avec mes alias Webpack. Par exemple, consultez la section relative aux importations de […]

A quoi servent les constantes en redux?

Par exemple de cet exemple: export const ADD_TODO = ‘ADD_TODO’ export const DELETE_TODO = ‘DELETE_TODO’ export const EDIT_TODO = ‘EDIT_TODO’ export const COMPLETE_TODO = ‘COMPLETE_TODO’ export const COMPLETE_ALL = ‘COMPLETE_ALL’ export const CLEAR_COMPLETED = ‘CLEAR_COMPLETED’ Ce n’est pas comme si vous sauvegardiez des personnages. Le nom de la variable est exactement le même que la […]

React – Affiche l’écran de chargement pendant que le rendu DOM est?

Ceci est un exemple de la page de l’application Google Adsense. L’écran de chargement affiché avant la page principale s’affiche après. Je ne sais pas comment faire la même chose avec React parce que si je rend le rendu de l’écran par le composant React, il ne s’affiche pas pendant le chargement de la page […]

Une application React-Redux peut-elle vraiment évoluer, par exemple Backbone? Même avec resélectionner. Sur le mobile

Dans Redux, chaque modification du magasin déclenche une notify sur tous les composants connectés. Cela rend les choses très simples pour le développeur, mais que se passe-t-il si vous avez une application avec N composants connectés et N est très volumineux? Chaque modification apscope au magasin, même si elle n’est pas liée au composant, exécute […]

Différence entre composant et conteneur en réaction redux

Quelle est la différence entre le composant et le conteneur en réaction à redux?

Actions Redux de tir en réponse aux transitions de routage dans React Router

J’utilise react–router et redux dans ma dernière application et je suis confronté à quelques problèmes liés aux modifications d’état requirejses en fonction des parameters et requêtes url actuels. Fondamentalement, j’ai un composant qui doit mettre à jour son état chaque fois que l’URL change. L’état est passé à travers les accessoires par redux avec le […]