Mostrar número de test ejecutados y pasados en SonarQube con Jest, Vitest y Pytest

Mostrar número de test ejecutados y pasados en SonarQube con Jest, Vitest y Pytest

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo pasar y mostrar el número de tests que se han cubierto en sonarque. Para React con Vite: Primero instalamos: Ahora vamos al archivo vitest.config.ts Añadimos: Dentro de tests: { Y dentro de nuestro archivo sonar-project.properties También debemos indicar la ruta correcta dónde tenemos los tests: Con esto ya solo tendremos … Leer más

Cómo cambiar la versión de Kotlin usando Expo React Native

Cómo cambiar la versión de Kotlin usando Expo React Native

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos cambiar la versión de Kotlin utilizada en Expo. Primero tenemos que instalar expo-build-properties, que nos permitirá editar propiedades del proyecto nativo sin modificar nada de la carpeta android. Y luego modificamos dentro de nuestro app.json y podremos añadir el kotlinVersion: isMa Ingeniero en Informática, Investigador, me encanta crear cosas … Leer más

Evitar que el teclado oculte la interfaz de usuario en React Native usando KeyboardAvoidingView

Evitar que el teclado oculte la interfaz de usuario en React Native usando KeyboardAvoidingView

Tiempo de lectura: 3 minutos 1. ¿Qué es KeyboardAvoidingView? KeyboardAvoidingView es un componente en React Native que ayuda a manejar el comportamiento del teclado en dispositivos móviles, especialmente en pantallas pequeñas. Cuando un campo de texto o un input es seleccionado y el teclado aparece, KeyboardAvoidingView ajusta la posición de los componentes en la interfaz para que no queden cubiertos … Leer más

Solucionar problema de no se ha podido verificar la integridad de la APP instalada desde Expo EAS React Native en iOS (iPhone o iPad)

Solucionar problema de no se ha podido verificar la integridad de la APP instalada desde Expo EAS React Native en iOS (iPhone o iPad)

Tiempo de lectura: 2 minutos Hoy vamos a solucionar el problema que no nos permite instalar un build de desarrollo generado con Expo usando EAS para React Native en iOS iPhone o iPad. El mensaje que aparece es el siguiente: «Imposible instalar [APP]» «Esta app no se puede instalar porque no se ha podido verificar su integridad.» El problema es … 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 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

Ver clave SHA del certificado debug.keystore en un proyecto React Native Expo

Ver clave SHA del certificado debug.keystore en un proyecto React Native Expo

Tiempo de lectura: < 1 minuto Hoy os voy a compartir un comando para poder ver el SHA del certificado que nos genera automáticamente el proyecto android. Para ello tendremos que utilizar este comando: Nos dará la traza del certificado en la pantalla. Si keytool no es reconocido, asegúrate de que Java está instalado y que el binario de keytool está … Leer más

Añadiendo Notificaciones y Firebase a Nuestra App de Tareas

Añadiendo Notificaciones y Firebase a Nuestra App de Tareas

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

Mejorando la App de Tareas con SQLite y Estilos en React Native

Mejorando la App de Tareas con SQLite y Estilos en React Native

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

Crea una App de Tareas con React Native

Crea una App de Tareas con React Native

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

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