DEV Community

Cover image for Programa en Javascript como una persona Pro
Mía Salazar
Mía Salazar

Posted on • Edited on

Programa en Javascript como una persona Pro

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. Ejemplo de un comentario
  • 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.

Ejemplo de warning de 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.

Bob esponja con "en mi local 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.

Meme de los 3 spidermans señalándose unos a otros

  • 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. _use strict
  • 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.

Top comments (0)