Découper par responsabilité
Créez un module par rôle cohérent plutôt qu’un fichier par fonction minuscule.
- Séparer l’interface, les données et les utilitaires.
- Donner à chaque fichier un nom qui décrit clairement son objectif.
- Éviter qu’un module dépende inutilement de toute l’application.
Maîtriser import et export
Exposez uniquement ce dont les autres modules ont besoin et gardez le reste privé au fichier.
- Préférer des exports nommés pour les fonctions réutilisables.
- Éviter les dépendances circulaires entre modules.
- Centraliser les constantes partagées lorsque cela améliore la lisibilité.
Charger les modules proprement
Dans le navigateur, utilisez type="module" et conservez des chemins explicites entre fichiers.
- Utiliser
<script type="module">pour le point d’entrée. - Tester les chemins relatifs après déplacement des fichiers.
- Limiter les effets de bord exécutés automatiquement à l’import.
Checklist pratique
- Un point d’entrée JavaScript identifiable.
- Des modules regroupés par responsabilité.
- Des imports et exports explicites.
- Aucune dépendance circulaire inutile.
- Le site fonctionne encore après un rechargement direct de la page.