DEV Community

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

Posted on • Edited on

2

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.

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

Top comments (0)

Heroku

Build apps, not infrastructure.

Dealing with servers, hardware, and infrastructure can take up your valuable time. Discover the benefits of Heroku, the PaaS of choice for developers since 2007.

Visit Site

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay