JavaScript

Detectar idioma automáticamente en React Native con @react-native-localize + i18next

por
Detectar idioma automáticamente en React Native con @react-native-localize + i18next

Tiempo de lectura: 2 minutos Vamos a aprender la forma más fiable para obtener el idioma del dispositivo y ademas utilizarlo junto con la libreria de idiomas i18next. Instalar dependencias Si usas TypeScript, instala también los tipos: Estructura recomendada Crear los archivos de idioma (es.ts, en.ts) src/i18n/translations/es.ts src/i18n/translations/en.ts Configurar i18next con detección automática src/i18n/index.ts Usar las traducciones en la app … Leer más

Diferencia entre null y undefined TypeScript

por
Diferencia entre null y undefined TypeScript

Tiempo de lectura: < 1 minuto En TypeScript, null y undefined son valores distintos con significados diferentes: null undefined Diferencias clave Característica null undefined Significado Ausencia de valor intencionada Variable no inicializada o sin retorno Valor por defecto No Sí, en variables no inicializadas Puede asignarse explícitamente Sí Sí En typeof «object» «undefined» En TypeScript, si strictNullChecks está activado, null y … Leer más

Comparar fechas en UTC (defecto en MariaDB) y obtener los segundos de diferencia con React Native (también sirve para React o JavaScript general)

por
Comparar fechas en UTC (defecto en MariaDB) y obtener los segundos de diferencia con React Native (también sirve para React o JavaScript general)

Tiempo de lectura: < 1 minuto Hoy os traigo un pequeño script para vuestras aplicaciones móviles qué permitirá comparar dos fechas en formato UTC en React Native, React o JavaScript Vanila y obtener los segundos de diferencia. El código obtiene una fecha que llega en formato UTC desde la base de datos. A veces no incluye la Z al final, se … Leer más

Cómo publicar una web React con Vite en GitHub

por
Cómo publicar una web React con Vite en GitHub

Tiempo de lectura: 2 minutos Crearemos un sitio web simple, lo subiremos a GitHub y lo publicaremos en GitHub Pages. 🌟 Paso 1: Crear tu Aplicación con Vite Primero, necesitamos nuestra aplicación React lista. Si aún no la tienes, sigue estos comandos: Paso 2: Configurar Vite para GitHub Pages GitHub Pages requiere que las rutas estén bien definidas, por lo … Leer más

¿Qué es TypeScript?

por
¿Qué es TypeScript?

Tiempo de lectura: 2 minutos TypeScript es un superset de JavaScript desarrollado por Microsoft que agrega características de tipado estático y otras mejoras a JavaScript. En esencia, cualquier código JavaScript válido es también un código TypeScript, pero con TypeScript puedes agregar tipos, interfaces y otras herramientas que ayudan a mejorar la calidad del código y la experiencia de desarrollo. Diferencias … Leer más

Crea tu Propio Juego de «Piedra, Papel o Tijera» con TypeScript y una Interfaz Web

por
Crea tu Propio Juego de «Piedra, Papel o Tijera» con TypeScript y una Interfaz Web

Tiempo de lectura: 2 minutos En este tutorial, construiremos un juego interactivo de Piedra, Papel o Tijera usando TypeScript y HTML. Es una excelente oportunidad para aprender sobre la manipulación del DOM, las funciones en TypeScript y cómo manejar eventos. ¿Qué necesitas? Paso 1: Configura el Proyecto Paso 2: Escribir el HTML En index.html, define una interfaz básica: Paso 3: … Leer más

Diferencia entre usar llaves { en un switch case en JavScript / TypeScript

por
Diferencia entre usar llaves { en un switch case en JavScript / TypeScript

Tiempo de lectura: < 1 minuto La diferencia principal entre usar llaves en un bloque case y no hacerlo radica en el ámbito de las variables. Sin llaves Cuando no usas llaves en un bloque case, cualquier declaración de variable con const o let se considera que está en el mismo ámbito que el switch y puede causar conflictos. Si declaras … Leer más

Crea un Blog con JAMstack Usando Netlify y GitHub

por
Crea un Blog con JAMstack Usando Netlify y GitHub

Tiempo de lectura: 3 minutos Introducción: ¿Por qué JAMstack? JAMstack (JavaScript, APIs, Markup) es una arquitectura moderna que ofrece sitios web rápidos y seguros. Al usar este enfoque, separas la lógica del backend de la presentación y puedes desplegar tu sitio en servicios como Netlify en cuestión de minutos. En este tutorial, te guiaremos para crear un blog basado en … Leer más

Ocultar comentarios o docstring o parte del código con VSCode

por
Ocultar comentarios o docstring o parte del código con VSCode

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos «collapsar» u ocultar docstring o comentarios con VSCode. Para ello vamos a utilizar la etiqueta region. Las etiquetas # region y # endregion son características de algunos entornos de desarrollo integrados (IDEs) como Visual Studio, Visual Studio Code y JetBrains, que permiten a los desarrolladores plegar o desplegar secciones … Leer más

Crear un archivo de configuración previa de tests en Jest o Vitest

por
Crear un archivo de configuración previa de tests en Jest o Vitest

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos crear un archivo de configuración previa de test para Jest o Vitest. Esto puede servirnos por ejemplo si necesitamos cargar los datos de usuario previamente a realizar los tests. Para lograr que se carguen algunos datos antes de realizar los tests tenemos que crear un archivo llamado tests.setup.tsx en … Leer más