Cómo depurar una web React en un móvil usando Chrome DevTools desde un ordenador

Cómo depurar una web React en un móvil usando Chrome DevTools desde un ordenador

Tiempo de lectura: 2 minutosHoy vamos a ver cómo podemos depurar una web en un móvil usando Chrome DevTools desde un ordenador. Prepara tu entorno Habilitar Opciones de desarrollador y depuración USB en Android Conecta el móvil al PC vía USB Abre tu web React en el móvil Nota: Si usas localhost en móvil no funcionará, usa la IP … Leer más

Función para comprimir imágenes que se suben por web con React

Función para comprimir imágenes que se suben por web con React

Tiempo de lectura: < 1 minutoHoy os voy a compartir una función que nos ayuda a comprimir las imágenes que subimos en nuestra web usando un input. Código: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 APPs publicadas y un libro en Amazon. www.quierolibros.com

Solucionar problema en Expo EAS al generar build iOS: error code 35

Solucionar problema en Expo EAS al generar build iOS: error code 35

Tiempo de lectura: < 1 minutoHoy vamos a aprender a solucionar el problema: Este error ocurre cuándo intentamos crear el build para iOS desde Flutter y nos pide las credenciales, las intrudocimos correctamente pero nos da error. Lo que debemos hacer es cambiar el comando de generación del build por este: Al añadir –non-interactive al final, lograremos continuar. isMa Ingeniero … Leer más

Añadir una redirección 301 en next.js

Añadir una redirección 301 en next.js

Tiempo de lectura: < 1 minutoVamos a crear una redirección 301 usando next.js y en este caso React. Lo que conseguiremos es que las URLs anteriores puedan redirigirse a las nuevas, esto nos viene bien por ejemplo para aplicar SEO. Por ejemplo, vamos a redireccionar una URL que es https://devcodelight.com/hola a https://devcodelight.com/adios Para ello iremos primero a next.config.mjs y añadiremos … Leer más

Cómo Crear una App Móvil con IA Local Usando Mistral y Transformers.js con React Native

Cómo Crear una App Móvil con IA Local Usando Mistral y Transformers.js con React Native

Tiempo de lectura: 2 minutos¿Te imaginas una app móvil que funcione con inteligencia artificial sin conexión a internet? Hoy te muestro cómo usar Transformers.js y un modelo como Mistral 7B cuantizado en el navegador o en tu móvil, sin enviar datos a servidores externos. Con esto lograrás privacidad total, usando el propio dispositivo, no tiene costes de uso, funciona … Leer más

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 minutosHoy 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 minutoHoy 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 minutos1. ¿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 minutosHoy 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

Crear webhook en EAS Expo React native y automatizar con n8n para enviar notificación de builds a Discord

Crear webhook en EAS Expo React native y automatizar con n8n para enviar notificación de builds a Discord

Tiempo de lectura: 4 minutosHoy vamos a aprender cómo podemos crear un webhook para qué nos avise EAS Expo React Native cada vez que realice un build. Además lo integraremos con n8n para crear un flujo que permitirá enviar una alerta a Discord con los datos del build realizado. Lo primero que haremos es instalar n8n si no lo … Leer más