Les fonctions pures

React exploite un concept de fonctions dites" pures" ou "impures". Celui-ci permet d'améliorer la qualité de code ainsi que d'éviter des bugs ou encore d'améliorer la vitesse et la qualité du rendu.

Les Fonctions Pures

Une fonction pure à pour principale propriété de renvoyer le même résultat pour les mêmes entrées et n'a aucun effet en dehors d'elle-même. Elle ne modifie pas l'état global, ne dépend pas d'éléments extérieurs à ses paramètres et n'altère aucune donnée en dehors de son contexte.

Un composant pur en React fonctionne de manière similaire : il affiche toujours le même contenu pour les mêmes props et n'a aucun effet sur l'extérieur. Cette approche permet d'éviter des rendus inutiles et d'améliorer les performances.

Comme les fonctions pures en JavaScript, les composants purs en React se limitent à effectuer des calculs sans effets secondaires. Adopter cette méthode réduit le risque de bugs complexes et de comportements inattendus à mesure que le projet grandit. Cependant, certaines règles doivent être respectées pour en tirer pleinement parti.

Les Règles