Guía completa de tipos de datos en JSON

Guía completa de tipos de datos en JSON

Tiempo de lectura: 2 minutosJSON (JavaScript Object Notation) es un formato ligero de intercambio de datos ampliamente utilizado en APIs, almacenamiento y comunicación entre sistemas. Su simplicidad lo hace muy potente, pero es importante conocer bien los tipos de datos que admite para evitar errores. Tipos de datos en JSON JSON define seis tipos de datos principales: 1. String … Leer más

Qué son los estados en React: guía práctica para entenderlos y utilizarlos

Qué son los estados en React: guía práctica para entenderlos y utilizarlos

Tiempo de lectura: 2 minutosCuando empiezas a trabajar con React, uno de los conceptos más importantes que debes aprender es el estado (state). El estado permite que los componentes sean dinámicos, interactivos y capaces de responder a acciones del usuario. En este tutorial aprenderás qué es el estado, para qué sirve y cómo usarlo correctamente. Qué es el estado … Leer más

Fix: No carga página política de cookies en Shopify (válido para otras páginas de footer)

Fix: No carga página política de cookies en Shopify (válido para otras páginas de footer)

Tiempo de lectura: < 1 minutoHoy voy a compartir un Fix con el que podéis solucionar problemas con las URLs automáticas qué shopify añade en su footer. En este caso se trata del enlace a política de Cookies. En el tema qué he instalado no me permite modificar este contenido y por defecto añade un link con este esquema: web/policies/#shopifyReshowConsentBanner … Leer más

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

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

Tiempo de lectura: 2 minutosVamos 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

Diferencia entre null y undefined TypeScript

Tiempo de lectura: < 1 minutoEn 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)

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

Cómo publicar una web React con Vite en GitHub

Tiempo de lectura: 2 minutosCrearemos 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?

¿Qué es TypeScript?

Tiempo de lectura: 2 minutosTypeScript 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

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

Tiempo de lectura: 2 minutosEn 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

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

Tiempo de lectura: < 1 minutoLa 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