Articles of redux

Comment optimiser les petites mises à jour des accessoires du composant nested dans React + Redux?

Exemple de code: https://github.com/d6u/example-redux-update-nested-props/blob/master/one-connect/index.js Voir la démo en direct: http://d6u.github.io/example-redux-update-nested-props/one-connect.html Comment optimiser les petites mises à jour des accessoires des composants nesteds? J’ai les composants ci-dessus, Repo et RepoList. Je veux mettre à jour l’étiquette du premier repository ( ligne 14 ). J’ai donc envoyé une action UPDATE_TAG . Avant que shouldComponentUpdate , le dispatch […]

Comment accéder à l’état du magasin dans React Redux?

Je fais juste une application simple pour apprendre async avec redux. J’ai tout fonctionné, maintenant je veux juste afficher l’état actuel sur la page Web. Comment puis-je accéder à l’état du magasin dans la méthode de rendu? Voici mon code (tout est dans une page parce que je ne fais qu’apprendre): const initialState = { […]

Comment tester les composants connectés React-Redux?

J’utilise Mocha, Chai, Karma, Sinon, Webpack pour les tests unitaires. J’ai suivi ce lien pour configurer mon environnement de test pour le code React-Redux. https://medium.com/@scbarrus/how-to-get-test-coverage-on-react-with-karma-babel-and-webpack-c9273d805063#.7kcckz73r Je peux tester avec succès mon code javascript d’action et de réducteur, mais quand il s’agit de tester mes composants, il génère toujours des erreurs. import React from ‘react’; import […]

Redux, Dois-je importer un magasin dans tous mes conteneurs si je veux avoir access aux données?

Peut-être ne suis-je pas en train de me concentrer sur redux, mais tous les exemples que j’ai vus n’accèdent pas vraiment à l’état entre les conteneurs et je n’ai donc pas vu beaucoup d’utilisation de store.getState (), mais même si vous voulez Envoi, vous devez avoir access au magasin, non? Donc, à part l’importation du […]

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