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
Tiempo de lectura: 2 minutos Los carruseles de imágenes son una excelente manera de mostrar contenido de manera dinámica en una página web. En este tutorial, aprenderás a implementar un carrusel en React utilizando la librería Swiper. 1. Instalación de Swiper Swiper es una de las librerías más populares para crear carruseles en la web. Para instalarla en tu proyecto … Leer más
Tiempo de lectura: 2 minutos En esta parte, mejoraremos aún más nuestra app de tareas de React Native con:✅ Notificaciones push con Expo Notifications.✅ Sincronización en la nube con Firebase Firestore. Requisitos previos 1. Configurar Notificaciones Push Las notificaciones push permiten recordar tareas importantes. Para ello, usaremos Expo Notifications. 1.1 Instalar dependencias Ejecutamos: Además, si usamos un dispositivo físico en … Leer más
Tiempo de lectura: 2 minutos Vamos a mejorar el tutorial de modo oscuro para que el modo oscuro se active automáticamente según la configuración del sistema o la hora del día. 🔹 1. Configurar Tailwind CSS (Si aún no lo hiciste) Si aún no tienes Tailwind instalado, agrégalo: En tailwind.config.js, aseguramos que el modo oscuro se base en clases: 🔹 … Leer más
Tiempo de lectura: 2 minutos Cómo añadir modo oscuro con React y Tailwind CSS de forma manual. 1️⃣ Configurar Tailwind CSS Si aún no tienes Tailwind instalado en tu proyecto, agrégalo con: Luego, en tailwind.config.js, habilita el modo oscuro basado en clases: 2️⃣ Crear un Hook para manejar el modo oscuro Creamos un hook useDarkMode.ts que guarda la preferencia en … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos arrastrar elementos por la pantalla con React. 1️⃣ Instalar react-draggable Primero, instala la librería con npm o yarn: 2️⃣ Crear el componente de arrastre Ahora, crearemos un componente básico que se pueda arrastrar: 🔹 Explicación: 3️⃣ Usarlo en tu aplicación Importa y usa el componente en App.tsx o cualquier … Leer más
Tiempo de lectura: 2 minutos En esta segunda parte, mejoraremos nuestra app de tareas de React Native con las siguientes mejoras: Requisitos previos 1. Instalando SQLite Expo proporciona un wrapper para SQLite, lo instalamos con: Creamos un archivo database.js en src/utils/ para manejar la base de datos: 2. Modificar la Pantalla para Usar SQLite Editamos HomeScreen.js: 3. Aplicando Estilos con … Leer más
Tiempo de lectura: 2 minutos En este tutorial, vamos a construir una sencilla app de tareas con React Native, que incluya: Requisitos previos 1. Creación del Proyecto Ejecuta el siguiente comando en tu terminal para crear un nuevo proyecto Expo: Iniciamos el proyecto con: 2. Instalación de Dependencias Instalamos las librerías necesarias: 3. Configurar Navegación Creamos navigation.js dentro de src/: … Leer más
Tiempo de lectura: 2 minutos Kotlin es un lenguaje de programación moderno, conciso y seguro desarrollado por JetBrains. Se utiliza principalmente para el desarrollo de aplicaciones Android, pero también es compatible con el desarrollo web, backend y multiplataforma. Instalación de Kotlin Para empezar a programar en Kotlin, puedes utilizar cualquiera de las siguientes opciones: Tu primer programa en Kotlin Sintaxis … Leer más
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
