Récemment, j'ai commencé à implémenter une base de données dans une application de réaction (comme n'importe quelle application du monde réel l'aurait fait). Ma question est: pourquoi redux est-il nécessaire? Je veux dire que si vous avez une base de données, vous pouvez pousser les informations directement dans une base de données et les récupérer à partir de là. Vous n'avez pas besoin de l'enregistrer dans un état. (Nouveau pour réagir, redux. C'était juste mon point de vue)
3 Réponses :
Il y a plusieurs raisons d'utiliser Redux lors de l'utilisation d'une base de données. Par exemple, vous ne sauvegarderiez pas l'état volatil dans une base de données. Vous pouvez voir tout ce qui ne doit pas être partagé entre les onglets comme un état volatil, comme le routage ou les états des composants comme les entrées de menu ou de formulaire ouvertes.
Redux est un outil de gestion d'état. Redux est pour l'état du client, par défaut, il est uniquement en mémoire. Il ne s'agit pas d'un mappage 1: 1 avec vos données de base de données, mais pour que vos vues répartissent les actions, puis mettent à jour l'état du magasin afin que d'autres vues puissent réagir à ces modifications de données. Avec Redux, l'état de votre application est conservé dans un magasin et chaque composant peut accéder à n'importe quel état dont il a besoin à partir de ce magasin.
Les outils de gestion de base de données et d'état tels que Redux ont des préoccupations différentes (bien qu'ils manipulent la même chose: les données).
Lorsqu'un client utilise votre application, il récupère d'abord les données de la base de données. À ce stade, ces données doivent être conservées en mémoire pour pouvoir les afficher.
Vous pouvez décider d'utiliser l'état interne du composant React qui est limité au composant. Maintenant, c'est parfaitement bien si vous prévoyez d'utiliser les données que vous venez de récupérer dans le même composant.
Au fur et à mesure que votre application devient plus complexe, vous devrez parfois utiliser les données à différents endroits de votre application (par exemple, si vous récupérez les informations utilisateur, vous devrez probablement les afficher dans l'en-tête, dans la page de profil. , etc).
Cela peut être difficile à faire en utilisant l'état interne du composant React car (si vous avez un peu essayé React) vous savez que le passage des données se fait en passant des accessoires vers les composants enfants.
La solution courante lorsque vous avez besoin de partager des données entre différents composants est pour améliorer l'état dans votre application, afin que vous puissiez le transmettre aux différents composants qui en ont besoin.
Cela peut être fastidieux et sujet à des erreurs à mesure que votre application se développe.
Redux est la solution qui répond à ce problème. Cela aide à garder l'état que vous partagez dans votre application clair et net en créant un état global qui peut être accessible n'importe où dans votre application (entre autres).
Vous n'avez pas besoin de l'enregistrer dans un état - non, vous le faites réellement, c'est ainsi que React fonctionne. C'est là que Redux entre en jeu. Essayez de mettre en œuvre cela sans Redux et l '
étatlocal et voyez ce qui se passe.