codewithleader

Obtener el alto y ancho del área de contenido en el navegador:

En la consola de google chrome, puedes escribir y ejecutar el siguiente código:

Alto:

window.innerHeight

Ancho:

codewithleader

/*
    Theme Name: Gym Fitness
    Theme URI: https://paginadeventasdecodigopluginsthemes.com
    Author: Codewithleader
    Author URI: http://instagram.com/codewithleader
    Description: Theme Diseñado para el Gimnasio GymFitness
    Version: 1.0
    License: GNU General Public License v2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: Gym, gimnasio, flexbox, css grid, mobile first

codewithleader

{
  "routes": [
    {
      "src": "/[^.]+",
      "dest": "/",
      "status": 200
    }
  ]
}

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

• How to install TailwindCSS in ReactJS+Vite

1. Install dependencies

npm i -D tailwindcss postcss autoprefixer

2. Run npx command

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 -->

<!--Favicon-->
<link
  rel="icon"
  type="image/png"
  sizes="32x32"
  href="assets/img/EA-Icon400x400.png"

codewithleader

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