Saltar al contenido
TextArray

camelCase, Snake_case, kebab-case: una guía de nombres para desarrolladores

Blog /

Cuando nombras variables, funciones, clases o URL, el formato que elijas es importante. Los diferentes lenguajes y contextos tienen diferentes convenciones: JavaScript usa camelCase, Python prefiere Snake_case, las propiedades CSS usan kebab-case y las constantes de configuración usan CONSTANT_CASE. Comprender cada uno de ellos y saber cómo convertirlos es una habilidad práctica que mantiene el código coherente y legible.

camelCase: el estándar JavaScript

camelCase comienza con una letra minúscula y escribe en mayúscula la primera letra de cada palabra posterior, sin separadores. Las variables y los nombres de funciones en JavaScript siguen este patrón: getUserById, calculateTotalPrice, handleSubmitClick. La mayoría de las claves JSON también son camelCase por convención.

El nombre proviene de las "jorobas" que crean las letras mayúsculas. Es compacto, legible y el estándar de facto en JavaScript, TypeScript, Java y C#. Cuando necesite convertir texto a camelCase, ya sea que esté creando un generador de código o estandarizando nombres de variables, el convertidor de caso lo maneja en una sola pasta.

Snake_case: Python y bases de datos

Snake_case une palabras con guiones bajos y mantiene todas las letras en minúsculas: get_user_by_id, calculate_total_price, handle_submit_click. Los desarrolladores de Python usan esto para nombres de variables y funciones, según las pautas de estilo de PEP 8. Los nombres de tablas y columnas SQL también suelen utilizar Snake_case, al igual que las variables de entorno en la mayoría de los sistemas.

Snake_case se puede leer incluso en mayúsculas (DATABASE_PASSWORD, MAX_RETRY_COUNT), razón por la cual CONSTANT_CASE (mayúsculas de serpiente) es la convención universal para constantes de configuración y variables finales en todos los idiomas.

kebab-case: URL y CSS

kebab-case une palabras con guiones y usa todo en minúsculas: get-user-by-id, calculate-total-price. Lo ve en todas partes en las URL (artículo slugs, páginas de productos, nombres de rutas) porque los guiones son amigables para los motores de búsqueda y es menos probable que los analizadores los malinterpreten que los guiones bajos. Los nombres de clases CSS y los atributos HTML personalizados también usan kebab-case por convención.

Crear identificadores seguros para URL o nombres similares a slug a partir de texto sin formato es uno de los usos más prácticos. El Generador slug convierte frases en cadenas de kebab listas para URL, eliminando la puntuación y los acentos a lo largo del camino.

PascalCase: clases y tipos

PascalCase (o UpperCamelCase) escribe en mayúscula la primera letra: GetUserById, CalculateTotalPrice. Es la convención para nombres de clases, definiciones de tipos y componentes en TypeScript, C#, Java y React. Cuando trabaje con lenguajes orientados a objetos o marcos de componentes, esto es lo que buscará.

Conversión entre formatos

La conversión de una convención a otra requiere dos pasos: primero dividir el identificador en palabras separadas, luego reunirse con ellos con el separador de objetivos y la carcasa. Ahí es donde las herramientas agilizan el proceso.

Si tiene un identificador camelCase y necesita comprender sus partes (tal vez cambiarle el nombre o hacer coincidir una versión de Snake_case), el camello divididoCase herramienta lo rompe: getUserById se convierte get User By Id. Una vez separadas las palabras, convertidor de caso Puede reformatearlos en cualquier convención que necesite. Los desarrolladores también utilizan estas herramientas cuando refactorizan código a través de los límites del idioma o cuando traducen entre especificaciones de API y nombres de variables internas.

Cuándo utilizar cada convención

La elección correcta depende del contexto, no de las preferencias. JavaScript y JSON utilizan camelCase. Python, SQL y las variables de entorno utilizan Snake_case. Las URL y CSS utilizan kebab-case. Los nombres de tipos y clases utilizan PascalCase. Las constantes de configuración utilizan CONSTANT_CASE en todos los idiomas. Seguir estas convenciones hace que su código sea reconocible instantáneamente para cualquier persona familiarizada con ese ecosistema.

La coherencia importa más que la convención específica: si mezcla formatos en el mismo archivo o proyecto, los lectores tienen que cambiar de contexto y los errores se vuelven más fáciles. Las herramientas para convertir y dividir identificadores lo ayudan a mantener la coherencia cuando trabaja en varios idiomas o migra código entre proyectos.