Published on

Intégrer Redux Persist pour sauvegarder vos états en React.js

Redux Persist

Comme son nom l'indique, Redux Persist permet de sauvegarder tout ou une partie du state dans le navigateur, ce qui permet par exemple de conserver des informations de l'utilisateur. Dans le fichier src/store.js vous retrouvez comment l'implémenter et le configurer notamment avec l'objet persitConfig . Il est possible d'ajouter des reducers en blacklist, ce qui aura pour effet de ne pas sauvegarder l'état au moment du rechargement. Il est également possible de changer la façon de gérer le storage en passant par localForage , qui offre plus de place disponible que le local storage classique limité à 15Mo par Chrome par exemple.

Le fait de faire persister les données peut être parfois dangereux au moment de construire vos reducers, pensez à vider l'ensemble des données du site régulièrement pour éviter d'avoir des problèmes au moment de la mise en preproduction. Pour vider les données il faut se rendre dans l'onglet Application de la console de développement Chrome et de faire Clear site data dans la partie Clear storage à gauche.