Optimiser l'affichage d'un composant React.

Question

On veut optimiser l'affichage de ce composant. ``` javascript function Product(props) { return (

{props.name}

{props.description}

by {props.brand}

); } Product.propTypes = { name: PropTypes.string.isRequired, description: PropTypes.string.isRequired, brand: PropTypes.string.isRequired, }; ``` Cochez la(les) optimisation(s) valide(s) :

Accepted Answer

Utiliser un Higher Order Component qui implémente `shouldComponentUpdate`.

Accepted Answer

Transformer la `function` en `class` et implémenter `shouldComponentUpdate`.

Accepted Answer

Transformer la `function` en `class` et étendre `React.PureComponent`

Answer

Implémenter `shouldComponentUpdate` en tant que propriété de la fonction, comme les `propTypes` (c'est-à-dire : `Product.shouldComponentUpdate = ...`).

Answer

Pas la peine, ce composant est léger et le Virtual DOM de React est suffisamment rapide pour l'afficher.

Question du test React (legacy)

Optimiser l'affichage d'un composant React.