Leçon 3 : L'esthétique de la structure

La disposition visuelle de votre code est la première impression qu'il dégage. Tout comme en architecture, une bonne structure de code guide l'œil et réduit le stress visuel. C'est de l'esthétique de code pure.

L'indentation : La hiérarchie visuelle

L'indentation définit les blocs d'exécution. L'incohérence à ce niveau est un tueur majeur de vibe.

• Tabs vs Spaces : Bien que le débat fasse rage, la cohérence est la seule règle du Vibe. La plupart des équipes modernes s'accordent sur 4 espaces (ou 2 espaces dans des langages comme JavaScript/CSS). Choisissez-en un et tenez-vous-y.

Blocs mal alignés

Lorsque l'indentation est mauvaise, la structure semble brisée, même si le compilateur l'accepte.

python

Mauvais Vibe

def calculate_total(items): total = 0 for item in items: total += item.price return total # Source d'erreur due au mauvais alignement

Utilisation stratégique des espaces blancs (verticaux et horizontaux)

Les espaces blancs agissent comme de la ponctuation dans le code, séparant les idées logiques.

1. Espaces blancs verticaux : Utilisez des lignes vides pour séparer les blocs logiques de code au sein d'une fonction. C'est crucial pour diviser une longue fonction en « paragraphes ».

javascript // Bon Vibe : Séparation des préoccupations au sein de la fonction function authenticateUser(credentials) { // 1. Valider la structure de l'entrée if (!credentials || !credentials.username) { throw new Error('Invalid input'); }

// 2. Récupérer l'utilisateur dans la base de données
const user = DB.findUser(credentials.username);
if (!user) {
    return false;
}

// 3. Comparer les mots de passe et retourner le résultat
return passwordService.verify(credentials.password, user.hash);

}

2. Espaces blancs horizontaux : Utilisez des espaces simples autour des opérateurs (=, +, ==) et après les virgules. Évitez les espaces inutiles à l'intérieur des parenthèses ou des crochets.

• Mauvais Vibe : x=(y+z)*3;
• Bon Vibe : x = (y + z) * 3;

Limites de longueur de ligne

Restreignez la longueur des lignes (généralement 80 ou 120 caractères). Les lignes trop longues forcent le défilement horizontal, ce qui brise la concentration et détruit le flux de lecture.