English version

El otro día me estaba planteando cómo podía aprender a hacer mejor el código, y a escribirlo de forma que sea más reutilizable y limpio. Estuve viendo muchos vídeos y leyendo diversos artículos y al final pensé, ¿y si junto todo lo que he ido aprendiendo en un artículo?... Y aquí estamos:

• Evita variables globales: Las variables globales son mala idea. Hay muchas probabilidades de que las acabes sobrescribiendo por accidente; le cuesta más a Javascript encontrarlas con respecto a las locales, además de otros motivos más que podéis ver en este hilo.
• Comenta: El código debería explicarse por sí solo… Pero añadir unos comentarios no hace daño a nadie.
• Evita acceder al DOM: Es muy costoso, así que evítalo en la medida de lo posible.
• No te fíes: Los validadores son buenos amigos y evitan errores cuando por algún motivo algo falla.
• Las librerías son nuestras amigas: Bien usadas, nos ayudan a desarrollar más rápido y con menos código.
• Diferencia lenguaje y framework: Las librerías y frameworks son muy útiles, pero es necesario ser capaz de distinguir uno de otros y conocer qué se puede hacer con cada uno.
• Usa herramientas que unifiquen tu estilo de código como eslint.

• Modulariza: Crea funciones que hagan una sola cosa.
• Evita anidar demasiado: Generar código complejo hace muy difícil mantenerlo y entenderlo.
• Cuida tus bucles: Intenta hacer cuantos menos bucles y más optimizados, mejor. En lugar de un for o un while puedes usar find, reducer, map o filter cuando sea conveniente. Son mejores.
• Mantente al día: Las nuevas especificaciones de Javascript tienen funcionalidades como spread operator o el rest operator que facilitan programar.
• Usa let y const: Ambas son más óptimas y evitan errores de sobrescritura y scope.
• Testea: Ayuda a muchos niveles.
• Ten curiosidad: Muchas veces no nos preguntamos cómo funciona algo hasta que deja de hacerlo. Es bueno investigar el código y entenderlo incluso cuando sí funciona.

• Hay mundo más allá del console.log: Sin duda el console.log es el preferido por todos, no obstante, hay muchos otros que podemos usar y que serán más útiles.
• Nombra bien a tus variables: Tu persona del futuro te agradecerá cuando tenga que entender lo que hiciste. Y también tus colegas.
• Sé constante en el naming: Si decides camelCase, kebab-case, o cualquier otro… continúa con él. Estandarizar los nombres ayuda a encontrar mejor las cosas y a que tu código sea más limpio.
• Evita la duplicidad: Si tienes código duplicado es que algo estás haciéndolo mal.

• Usa el modo estricto: Javascript es un lenguaje que te permite muchas cosas sin quejarse. Esto es útil a la hora de lograr que algo funcione, pero puede desembocar en comportamientos extraños.
• Especifica valores por defecto: Esto te salvará de muchos errores por descuidos, y te permitirá indicar que una propiedad o parámetro es opcional.
• Usa template literals: Son mucho más cómodos a la hora de manejar strings con variables.