codewithleader

// Función para formatear la fecha a "yyyy-MM-dd"
export const formatDate = (date) => {
  const d = new Date(date);
  const year = d.getFullYear();
  let month = d.getMonth() + 1;
  let day = d.getDate();

  // Agrega un cero delante si el mes o el día son menores a 10
  month = month < 10 ? `0${month}` : month;
  day = day < 10 ? `0${day}` : day;

codewithleader

Pasos para usar Node con TypeScript con Nodemon

Más información - Docs Oficiales

1. Instalar TypeScript y tipos de Node, como dependencia de desarrollo

npm i -D typescript @types/node

codewithleader

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
lerna-debug.log*
.pnpm-debug.log*

# Diagnostic reports (https://nodejs.org/api/report.html)

codewithleader

Pasos para instalar Tailwindcss

1. npm i -D tailwindcss postcss autoprefixer: Instala las dependencias necesarias.
2. npx tailwindcss init -p: Crea los archivos de configuracion.
3. Configurar archivo tailwind.config.js:

• Para VueJS:

/** @type {import('tailwindcss').Config} */

codewithleader

/** @type {import('tailwindcss').Config} */
export default {
  content: [
    "./index.html",
    "./src/**/*.{js,ts,jsx,tsx}"
  ],
  theme: {
    extend: {},
  },
  plugins: [],

codewithleader

Docker:

Es una plataforma de virtualización a nivel de sistema operativo que permite empaquetar, distribuir y ejecutar aplicaciones en contenedores. Docker se utiliza principalmente para crear y administrar entornos de desarrollo y producción.

Containers:

Los contenedores son entornos aislados que contienen todo lo necesario para ejecutar una aplicación, incluidas las dependencias y configuraciones.

Dockerfile:

codewithleader

  <!-- Favicon: SVG -->
  <link rel="icon" href="/build/img/icon.svg" type="image/svg+xml">
  <!-- End Favicon -->

codewithleader

Comandos Básicos

• docker pull <imagen> Descarga una imagen de Docker desde un registro (como Docker Hub) a tu sistema local.

• docker run <opciones> <imagen> Crea un contenedor a partir de una imagen y lo ejecuta.

• docker ps Muestra una lista de contenedores en ejecución.

codewithleader

console.log(window.matchMedia('(prefers-color-scheme: dark)').matches) // ? truquito para saber la preferencia de theme en el navegador

codewithleader

import { ValidatorConstraint, ValidatorConstraintInterface } from 'class-validator';

const FIRESTORE_ID_REGEX = /^[a-zA-Z0-9_-]{20}$/;

@ValidatorConstraint({ name: 'isFirestoreId', async: false })
export class IsFirestoreId implements ValidatorConstraintInterface {
  validate(id: string) {
    return FIRESTORE_ID_REGEX.test(id);
  }