DEV Community: Lino Mattos

Generando archivos .gitignore muy útiles para nuestros proyectos

Lino Mattos — Thu, 30 Mar 2023 19:28:58 +0000

.gitignore es un archivo muy importante cuando trabajamos con repositorios git. Ya sea porque tengamos variables de entorno con información delicada por proteger o no deseemos subir a nuestro repositorio archivos que surgen a partir del desarrollo de nuestro proyecto como node_modules. Cada lenguaje/tecnologia tiene archivos que por uno u otro motivo es mejor no subirlos a tu repositorio remoto.

Al crear un repositorio de Github se nos da la opción de incluir un template de .gitignore, si por algún motivo necesitamos agregarlo a un repo local o manualmente podemos usar el sitio: https://www.toptal.com/developers/gitignore, el funcionamiento es sencillo, simplemente ponemos en el buscador la tecnología que necesitamos y darle al botón create para obtener nuestro archivo .gitignore.
Tenemos múltiples templates que contemplan sistemas operativos, IDEs o lenguajes de programación.

Cómo comparar strings en Solidity.

Lino Mattos — Thu, 23 Mar 2023 16:12:59 +0000

Cuando estás iniciando en Solidity en algún momento puede ser que necesites comparar Strings. Tan acostumbrado que estoy a javaScript, quería aplicar una manera similar en Solidity, resultando que la manera difiere bastante.

Los operadores de comparación (== y !=) no son compatibles con strings.
La solución es comparar los hashes de keccak256, los strings no pueden ser pasados directamente a keccak256, por lo que nos valdremos de abi.encodePacked() para que tomen el string a comparar.
Aquí tenemos un ejemplo:

function comparison(string memory _nombre){
  require(keccak256(abi.encodePacked(_nombre) == keccak256(abi.encodePacked('Carla'), "El nombre debe ser Carla.")
}

PD: Estoy aprendiendo Solidity y es muy probable que halle mejores maneras de hacer comparaciones luego, especialmente por el costo que puedan tener. Dejo por aquí el enlace original de donde aprendí este método: https://soliditytips.com/articles/compare-strings-solidity/

¿Qué son los argumentos de la línea de comandos y para qué nos sirven en nodejs?

Lino Mattos — Tue, 14 Mar 2023 03:09:53 +0000

Hace unos días trabajaba con unos repositorios que tenían una extraña manera de ser inicializados:

npm start <auth_token>

Analizando mejor el código di con process.argv que es un array que contiene los argumentos que le pasemos en la línea de comandos.

Al inicio puede sonar algo que no tenga mucha utilidad, pero en ciertos casos puede ahorrarnos tiempo al ejecutar node.
Te daré dos ejemplos.

Imaginemos que tenemos este sencillo código:

const express = require("express");
const app = express();
const port = 4000;

app.get("/", (req, res) => {
  res.send({message: "works!"});
});

app.listen(port, () => {
  console.log("Servidor levantado en puerto:", port);
});

Una manera de cambiar el número de puerto es directamente en el código o con el uso de variables de entorno. Pero también podemos definirlo directamente cuando iniciamos el servidor desde la línea de comandos:

npm start 4001

const express = require("express");
const app = express();

console.log(process.argv);
app.get("/", (req, res) => {
  res.send(process.argv[2]);
});

app.listen(process.argv[2], () => {
  console.log("Servidor levantado en puerto:", process.argv[2]);
});

Ahora nuestra app inicia en el puerto 4001 ¿Qué pasó? Cómo indique anteriormente process.argv es un array que contiene los argumentos que le pasemos. Pueden ser uno o más argumentos y son tomados a partir del índice 2 (los dos primeros índices están reservados).
Ahora podemos iniciar la app desde el puerto que queramos sin modificar ninguna línea de código.

En el segundo ejemplo, supongamos que tenemos una API que necesita de un token para trabajar, hasta aquí nada del otro mundo, pero este token debe ser renovado cada hora.
Podemos ejecutar la renovación, copiar y pegar el token en el código cada hora o simplemente aprovechar la facilidad que nos da process.argv.

npm start uVMjbebCEFnj3=zl?Ha91fbddeoXjPcu!rO!aCd-UdbbNjWAVEVthegd5HEbgYs!

Aquí inicio el servidor con un token random. Guardo este token en una variable y funciona correctamente.

const token = process.argv[2]

Espero te haya servido este dato, si no lo usas activamente quizá te lo encuentres en algún momento y no está demás conocerlo.

Cómo controlar tus gastos en aws

Lino Mattos — Sat, 31 Dec 2022 22:00:42 +0000

Cuando empezamos a aprender AWS y optamos por su nivel gratuito (free tier), tenemos muchísimos servicios sin costo o con bastante margen para ser probados.
Para darnos una idea tienen este enlace con todos los beneficios de la capa gratuita de AWS.

Si nos dejamos llevar por la emoción probando todo tipo de servicios, podemos acabar con una buena factura a fin de mes.
Para evitarlo podemos poner un límite de gastos, que nos envíe una notificación cuando es superado.

Para hacerlo vamos a la esquina superior derecha, clickeamos en nuestro nombre de usuario > billing dashboard > budgets.

Clickeamos en create budget:

Dejamos seleccionadas las opciones por defecto para usar templates y zero spend budget:

En budget name le damos el nombre que queramos o dejamos el que tiene puesto por defecto.
Muy importante es poner el email donde queramos recibir las alertas de gasto en email recipients.

Por último damos al botón create budget y eso sería todo.

Ahora recibiremos alertas cuando nuestro gasto en AWS supere 1 dólar 😃.

Cómo instalar y usar distintas versiones de node en ubuntu y derivados.

Lino Mattos — Fri, 23 Dec 2022 23:43:00 +0000

Antes de empezar: Mi máquina tenía instalado Node mediante NodeSource, desinstale fácilmente esa versión para proceder al método de este tutorial. Si tienes Node instalado por otro método, toma tus previsiones antes de continuar.

En algunas ocasiones necesitaremos manejar una versión distinta de Node a la instalada actualmente en nuestra máquina. Ya sea que estés aprendiendo algo nuevo, trabajando en el proyecto de otra persona o cualquier otro motivo.

Esta situación la viví hace poco, por lo que averiguando di con Node Version Manager (NVM). Una manera de tener distintas versiones de Node instaladas y la posibilidad de usar la que desees según tu necesidad.

La instalación es sencilla, supongamos que quiero instalar la versión LTS más actual (a fecha de hoy la 18) y la anterior LTS (la 16).

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash

o también:

wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.2/install.sh | bash

Luego procedemos a ejecutar estas líneas que cargaran NVM:

export NVM_DIR="$([ -z "${XDG_CONFIG_HOME-}" ] && printf %s "${HOME}/.nvm" || printf %s "${XDG_CONFIG_HOME}/nvm")"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"

Nos queda un solo paso, si no cambiaste la shell de tu terminal lo más seguro es que utilices bash, por lo que necesitas ejecutar este comando para recargar la configuración source ~/.bashrc, yo soy fiel usuario de zsh por lo que tendré que usar source ~/.zshrc y listo ya tendría que estar funcionando.

Ahora que tengo todo listo, proceso a instalar la última LTS:

nvm install --lts

Para instalar la anterior versión pongo:

nvm install --lts=gallium

Gallium es el nombre de la versión 16 que era la anterior.
Recuerden que la primera versión que instalemos será la que se utilizara por defecto.

Ahora, cuando quiera usar la versión 16 simplemente pongo:

nvm use --lts=gallium

También funciona poner el número mayor de la version:

nvm use 16

Con esto ya estaría, recuerden que pueden instalar números específicos de versión, así como solo poner el número mayor de versión, tipo nvm install 14

Un último tip, si quieren la lista completa de nombres de versiones lts o numeros de versiones disponibles, pueden usar el comando nvm ls-remote

Para más comandos y ejemplos tienen el enlace de NVM:
Documentación de NVM

Tip rápido: Cambiar el puerto en React

Lino Mattos — Wed, 30 Nov 2022 20:01:38 +0000

Por defecto cuando ejecutamos npm run start en nuestro proyecto de React, se toma el puerto 3000 por defecto.
Si por algún motivo queremos que corra en otro puerto, por ejemplo el 3001, simplemente añadimos ese numero de puerto a nuestras variables de entorno:

Creamos un archivo .env en la raíz del proyecto
Dentro del archivo añadimos lo siguiente:

PORT=3001

Y listo, ¡ya lo tenemos! Ahora cada vez que corras npm run start se tomara el puerto 3001.

¿Como convertir un objeto en query strings?

Lino Mattos — Sun, 20 Nov 2022 22:06:22 +0000

Cuando hacemos consultas a una API, puede que queramos almacenar las query strings en un objeto para posteriormente ser usadas en la URL de la consulta en la API.

Por ejemplo tenemos esta url de la api de TMDB:

https://api.themoviedb.org/3/find/21?api_key=qe879fds9a&language=en-US&external_source=imdb_id

Aquí tenemos 3 query string:

api_key
language
external_source

Podríamos hacer lo siguiente para recibir las query strings:

`https://api.themoviedb.org/3/find/21?api_key=${api_key}&language=${language}&external_source=${external_source}`

Esta es una manera válida pero si la url base es extensa y manejamos demasiadas queries se hará mas difícil de mantener y escalar. Podemos solucionarlo almacenando las queries en un objeto.
Entonces, ¿como convertimos un objeto en query strings?

Pues, utilizando un módulo nativo de nodejs llamado querystring.

const querystring = require('querystring')

let queries = {
api_key: "qe879fds9a",
language: "en-US",
external_source: "imdb_id"
}

const base_url = "https://api.themoviedb.org/3/find/21?"
const queryparams = querystring.stringify(queries)
console.log(queryparams) \\api_key=qe879fds9a&language=en-US&external_source=imdb_id

const URL = `${base_url}${queryparams}`
console.log(URL) \\"https://api.themoviedb.org/3/find/21?api_key=qe879fds9a&language=en-US&external_source=imdb_id"

Ahora tenemos un código mas escalable. Pudiendo manejar toda la lógica de las queries desde este objeto.

Cómo crear un array de x longitud relleno de 0s en javascript.

Lino Mattos — Wed, 09 Nov 2022 00:50:01 +0000

Hace unos días necesitaba crear un array relleno de números 0. 🤔
Podía hacerlo de una manera literal declarándolo y contando los 0 que vaya ingresando:

let arr = [0, 0, 0, 0, 0, 0, 0, 0, 0, 0]

¿Está perfecto no?👌
¿Pero qué pasa si debo rellenar con 100 números 0 o cualquier otro valor? 😅

Entonces puedo apoyarme en el objeto Array() y el metodo .fill() de esta manera:

let nuevoArr = Array(90).fill(0)

Dentro de Array() pongo la cantidad de elementos que quiero tener y en fill() el contenido que rellenará el array.

Aplica a cualquier tipo de contenido:

let emojiArr = Array(42).fill(String.fromCodePoint(0x1F914))

let arrObjs = Array(12).fill({})

¿Cómo podemos mantener directorios vacíos en git/github?

Lino Mattos — Mon, 17 Oct 2022 18:52:50 +0000

Tenemos la siguiente situación: Estamos armando la estructura de nuestro proyecto en git, carpetas y sub carpetas, muchas de estas vacías, pero que a futuro serán llenadas con los archivos del proyecto.
Cuando queremos subir el repositorio a github nos encontramos con la sorpresa de que ¡toda carpeta vacía desapareció!
Lo que sucede es que git solo añade archivos al stage y cualquier carpeta vacía será descartada.
Si no queremos agregar en ese momento los archivos que estarán en esas carpetas, podemos crear un archivo vacío llamado .keepgit, de esta manera conservaremos la estructura de nuestro proyecto sin mucho problema.
Algunas veces este archivo tendrá el nombre de .keep, por lo que es bueno saberlo si estamos explorando repositorios ajenos.
Algunos sugieren que es mejor usar .gitignore, lo "malo" de esta solución es que podemos llegar a confundir a las personas que tengan que trabajar con el proyecto, ya que .gitignore tiene otra función.

Guía rápida para usar Markdown

Lino Mattos — Thu, 13 Oct 2022 21:36:31 +0000

Markdown es sencillo de aplicar para dar formato a nuestro texto. Muy útil en la creación de archivos README.md en github.
Aquí tienen una guía básica con ejemplos, más unos enlaces interesantes para profundizar en este lenguaje de marcado.

Líneas separadoras

---
___

Citas

"Esta es una cita."

> "Esta es una cita."

Encabezados

h1

h2

h3

h4

h5

h6

# h1
## h2
### h3
#### h4
##### h5
###### h6

Imágenes

![Logo Markdown](url de la imagen)

Itálica

Itálica 1 Itálica 2_

*Itálica 1* _Itálica 2_

Negrita

negrita 1 negrita 2

**negrita 1** __negrita 2__

Tachado

~~tachado~~

~~tachado~~

Listas

Ordenadas

uno
1. sub uno
2. sub dos
dos
tres

1. uno
 1. sub uno
 2. sub dos
2. dos
3. tres

desordenadas

uno
dos
tres

- uno
- dos
- tres

Código

Para mostrar bloques de código, lo encerramos dentro de 3 backticks de apertura y cierre. Adicionalmente, si en los primeros tres backticks ponemos el nombre del código del bloque, nos resaltará la sintaxis que este tiene.

   {"nombre": "pepe"}

Enlaces

google

[google](www.google.com "la pagina de google")

Email

linomattos7@gmail.com

<linomattos7@gmail.com>

Tablas

uno	dos	tres
1	2	3

| uno |  dos  | tres  |
| --- |  ---  |  ---  |
|  1  |   2   |   3   |

Enlaces interesantes: