Skip to content

Différences entre les versions

Julien Wajsberg edited this page Oct 5, 2018 · 1 revision

Entre react-1 et react-2

mémoisation des opérations coûteuses

Entre react-2 et react-3

On voit que l'agenda est rafraichi toutes les 5 secondes, déclenchant un redraw: utilisation du header Last-Modified pour contrôler le setState.

Premiers PureComponent.

Stockage de l'état "attending" directement dans ListItem pour éviter une update plus haut que nécessaire.

Entre react-3 et react-4

Beaucoup de rerendu des items de la liste lorsqu'on filtre => utilisation conjointe de key et `PureComponent.

Entre react-4 et react-5

Chaque ajout de caractère dans le champ de recherche déclenche une update => debounce de InputField

Entre redux-1 et redux-2

Rerendu coûteux => ajout de reselect pour mémoiser les opérations couteuses.

Entre redux-2 et redux-3

On dirait qu'il y a encore quelques composants qui sont rerendus alors qu'il faudrait pas. (voir redux-devtools en mode "highlight updates").

  • une seule instance de certains tableaux constants
  • mémoisation d'un résultat