React

Personalizar notificacion PUSH usando la libreria @react-native-firebase/messaging en Expo y React Native

por
Personalizar notificacion PUSH usando la libreria @react-native-firebase/messaging en Expo y React Native

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar cómo personalizar el icono de notificación PUSH lanzado en React Native con la librería @react-native-firebase/messaging Iremos a app.json: También añadimos a los config plugin: Con esto tenemos la mitad terminado. Ahora tendremos que crear nuestro icono de notificación. Solo aplica en Android. El icono debe ser: Tamaño: 96×96 Color: blanco … Leer más

Implementar compras en aplicación usando expo-iap en React Native Expo para Android /iOS

por
Implementar compras en aplicación usando expo-iap en React Native Expo para Android /iOS

Tiempo de lectura: 4 minutos Hoy vamos a aprender a implementar compras in app usando Expo IAP para Android o iOS en React Native. Primero vamos a instalar la librería que necesitamos (expo-iap): Ahora tenemos que añadir dentro de app.config.js nuestro código: Recuerda que debes tener creados unas suscripciones dentro de Google Play o Apple Store. Una vez instalada, vamos … Leer más

Implementar Inicio de Sesión Google en Android con React Native y Expo y validar con un servidor en Python

por
Implementar Inicio de Sesión Google en Android con React Native y Expo y validar con un servidor en Python

Tiempo de lectura: 4 minutos Hoy vamos a aprender cómo podemos implementar inicio de sesión Google Sign usando React Native y Expo de forma sencilla. Lo primero que haremos es utilizar esta librería @react-native-google-signin/google-signin La instalamos: Una vez instalada vamos a configurarla. Primero crearemos nuestro manejador en Typescript: Y ahora vamos a crear el código que nos permitirá iniciar sesión. … Leer más

Implementar request tracking transparency en iOS y permiso de anuncios Admob usando React Native y Expo

por
Implementar request tracking transparency en iOS y permiso de anuncios Admob usando React Native y Expo

Tiempo de lectura: 2 minutos Hoy vamos a aprender a implementar request tarcking transparency usando React Native y Expo. Para ello crearemos el siguiente archivo utils: Vale vamos por partes: Tienes que instalar las siguientes librerías: Os recomiendo que implementeis esta funcionalidad en un context, pero también podeís implementarla directamente en la primera pantalla antes de abrir la app. Implementación: … Leer más

Añadir suscripciones in app usando React Native en Android o iOS con react-native-iap

por
Añadir suscripciones in app usando React Native en Android o iOS con react-native-iap

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos añadir suscripciones en nuestra aplicación desarrollada con React Native para Android o iOS. Para realizar las compras en aplicación tenemos que instalar la siguiente librería en nuestro proyecto: Os recomiendo instalar la versión (a fecha de hoy): Referencias de compras de suscripción en Android: https://developer.android.com/google/play/billing/rtdn-reference?hl=es-419 Referencias de compras de … Leer más

Solucionar error de React Native Expo: Plugin [id: ‘expo-module-gradle-plugin’] was not found in any of the following sources

por
Solucionar error de React Native Expo: Plugin [id: ‘expo-module-gradle-plugin’] was not found in any of the following sources

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a solucionar el error de React Native: Este error ocurre porque una de las librerías es incompatible con las actuales. Para solucionarlo debemos ejecutar: Y actualizar las librerías indicadas. isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y poeta. Más de 20 … Leer más

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

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

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

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

Tiempo de lectura: < 1 minuto Hoy 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.linkedin.com/in/ismael-gonzalez-oviedo/

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

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

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

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

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