Estándares de nomenclatura de variables: camelCase, snake_case y más

El nombrado consistente de variables y funciones es una de las bases del código limpio y mantenible. Existen varios estándares ampliamente adoptados en la industria, cada uno con sus propios contextos de uso.

Los principales estándares

camelCase

La primera palabra en minúscula, las siguientes capitalizadas. Es el estándar en JavaScript/TypeScript:

// JavaScript / TypeScript
const userName = "Ana";
let totalPrice = 100;
function fetchUserData() { ... }
const isLoggedIn = true;

PascalCase

Todas las palabras capitalizadas. Se usa para clases, componentes y tipos:

// Clases
class UserAccount { ... }

// Componentes React
function LoginButton() { ... }
export default function UserProfile() { ... }

// Tipos e interfaces TypeScript
interface ApiResponse { ... }
type UserRole = "admin" | "viewer";

snake_case

Palabras separadas por guiones bajos. Es el estándar en Python y muy usado en bases de datos:

# Python
user_name = "Ana"
total_price = 100
def fetch_user_data():
    pass

-- SQL
SELECT user_name, created_at FROM users
WHERE is_active = true

SCREAMING_SNAKE_CASE

Todo en mayúsculas con guiones bajos. Reservado para constantes que no cambian:

// Constantes de configuración
const MAX_RETRY_ATTEMPTS = 3;
const API_BASE_URL = "https://api.example.com";
const DEFAULT_TIMEOUT_MS = 5000;

kebab-case

Palabras separadas por guiones. Ideal para URLs, clases CSS y atributos HTML:

/* CSS */
.nav-bar { }
.primary-button { }
.user-profile-card { }

<!-- HTML -->
<div class="main-container" data-user-id="1">

/* URLs */
/blog/essential-git-commands
/tools/color-palette

Reglas generales de buen nombrado

• Sé descriptivo: userAge es mejor que a o x
• Evita abreviaturas confusas: temperature > tmp
• Usa verbos para funciones: getUser(), sendEmail(), isValid()
• Usa sustantivos para variables: user, orderList, errorMessage
• Usa booleanos con prefijo: isActive, hasPermission, canEdit
• Sé consistente: si tu equipo elige un estándar, todos lo siguen

Por lenguaje: resumen rápido

JavaScript/TypeScript:
  Variables y funciones → camelCase
  Clases y componentes → PascalCase
  Constantes           → SCREAMING_SNAKE_CASE

Python:
  Variables y funciones → snake_case
  Clases               → PascalCase
  Constantes           → SCREAMING_SNAKE_CASE

CSS/HTML:
  Clases y IDs         → kebab-case

Base de datos (SQL):
  Columnas y tablas    → snake_case