React
Infos utiles
Convention de nommage
Les composants (dossiers et fichiers) ont la première lettre en majuscule,
L’organisation
- Toujours bien structurer le dossier source ‘src’ avec plusieurs dossiers, notamment quand on a beaucoup de composants ou que l’on fait des grandes apps, alors on crée un dossier ‘Containers’ ou ‘Layout’ qui contiennent les pages complètes type ‘Accueil’, ‘Contact’, ‘Portfolio’, … et importera les composants.
Il est important de bien séparer pour ceux qui travailleront avec nous et si on revient longtemps après. Confer. “Méthodes Agiles”.
Reprendre le travail avec un autre ordi
Le projet est pusher sur ‘GitHub’ pour ne citer que lui qu’avec la webapp et les fichiers ‘pacakage.json’ et ‘package-lock.json’.
C’est pourquoi il faut ouvrir un terminal dans le dossier de la webapp. Le raccourci ctrl+ ù ouvre un terminal via Visual Studio Code. Puis npm install pour tout réinstaller. Cette dernière commande va interroger le fichier ‘package.json’ pour savoir ce qu’il faut récupérer et avec la même version.
Autres infos
Les “import” se font entre accolades s’ils ne sont pas issus d’un “export default”.
Le fichier ‘reportWebVitals.js’ sert à la connexion à Google Analytics.
Le dossier ‘Container’ contient les pages, il est déconseillé de, le nommé ‘pages’ car ‘Next.js’ est un framework de React qui contient un dossier ‘pages’. Il y a un risque de confusion.
Le dossier ‘redux’ est un minuscule, ainsi que ce qu’il contient.
onInput = déclenche l’évènement à chaque fois que quelque chose est écrit.
onChange trigger à la perte du focus.