Sommaire

Principes pour des Composantscomposants réutilisables

Qu’entend-on par composants réutilisables ? Tout d’abord, il est important de préciser que le but n’est pas forcément de diffuser vos composants à la communauté, ni même de forcément les réutiliser dans un autre projet. Mais développer vos composants comme s’ils allaient être utilisés dans une autre application et par une autre personne les rendra forcément plus faciles à utiliser et à maintenir par vous-même. Ce n’est d’ailleurs pas propre aux composants React, cette pratique est courante pour écrire du code de qualité en général.

Quels sont donc les principes à respecter au maximum pour écrire des composants de qualité ? Ou plutôt : quelles sont les bonnes pratiques de développement qui sont particulièrement applicables aux composants ?

1. Des composants aussi simples que possible

Développer une application complexe pourra vous inciter à écrire des composants complexes, mais c’est pourtant dans ce cas qu’il sera plus pertinent d’écrire de petits composants, même si ce n’est pas pour les réutiliser.

Par exemple, un composant d’affichage de fiche contact pourrait se présenter ainsi dans une première version :

const ContactView = ({ contact, editGeneralInfos, editAddress }) => ( 
 <div> 
   <section>  ...