Préférez l'API à la mise en cache frontend
Qu'est-ce que ça veut dire ? Dans React, un outil comme Redux permet de gérer des "stores" pour gérer l'état global de votre frontend au fil des pages. Comme entre les pages vous allez probablement récupérer certaines mêmes données, il peut vite être tentant de chercher à économiser les requêtes réseaux en réutilisant ce qui a déjà été récupéré.
Sauf qu'en faisant cela vous vous lancez d'office dans plusieurs complications :
- Vous ne garantissez plus du tout que la donnée que vous affichez est à jour au moment de l'affichage de la nouvelle page (puisque vous l'avez mise en cache pour une certaine durée). Faisant courir le risque que l'utilisateur fasse des actions sur des valeurs périmées ;
- Vous répliquez la notion de cycle de vie de la donnée dans le frontend. Ce qui apporte une complexité dans l'implémentation.
Comme expliqué pour la mise en cache backend des données, il ne sert à rien d'essayer d'optimiser avant de rencontrer certaines limites. Et ce qui est sûr, c'est qu'un simple backend avec une base de données simple devrait largement supporter vos quelques premiers milliers d'utilisateurs sans essayer d'optimiser le frontend.
Vous verrez dans le chapitre sur le framework backend que nous n'utilisons même pas besoin de librairie tierce pour gérer l'état de nos composants frontends.