Tiempo de lectura: 3 minutos Un hook en React es una función especial que te permite «enganchar» características de React (como el estado y el ciclo de vida) en componentes funcionales. Los dos hooks más comunes son useState (para gestionar el estado) y useEffect (para manejar efectos secundarios), aunque puedes crear tus propios hooks personalizados para encapsular lógica reutilizable. Aquí … Leer más
Tiempo de lectura: < 1 minuto Os traigo un script que nos permitirá reconstruir los PODs en la carpeta iOS del proyecto Expo con React Native. Tendremos que añadir este script en package.json Y para ejecutarlo haremos: 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 … Leer más
Tiempo de lectura: 2 minutos Cuando ejecutamos un build en EAS podemos lanzar distintos hooks antes de la compilación completa, por ejemplo pruebas o modificación de archivos. Hoy vamos a aprender cómo podemos realizar este proceso. Expo permite ejecutar distintos hooks en el ciclo de vida del build: https://docs.expo.dev/build-reference/npm-hooks/ Para este caso vamos a utilizar justamente en el hook eas-build-post-install. … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos implementar un anuncio recompensando de Google Admob (Reward) en React Native con Expo. Lo primero que haremos es instalar la libreria de anuncios: Debemos tener una cuenta registrada en Admob. Si usamos Expo tenemos que añadir dentro de app.config.js o app.json lo siguiente: Y tenemos que instalar: Y si … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a crear un plugin que nos permitirá editar el manifest de Android a la hora de generar el build con Expo en React Native. En este ejemplo añadiremos el ID de aplicación necesario para Google Admob. Primero vamos a crear un archivo que llamaremos AdmobExtraConfigManifest.js (no importa si usas TypeScript, vamos a usar … Leer más
Tiempo de lectura: 3 minutos Para cargar un archivo .env en un proyecto de React Native, es común usar la biblioteca react-native-dotenv o react-native-config, que te permite gestionar variables de entorno de manera eficiente. 1. Instalar las dependencias necesarias Ejecuta el siguiente comando en la terminal para instalar react-native-config en tu proyecto. Si estás usando Yarn: 2. Agregar las variables … Leer más
Tiempo de lectura: 3 minutos Vamos a profundizar en una característica fundamental de React Native: la recarga en vivo (live reloading) y la recarga en caliente (hot reloading). Recarga en Vivo y Recarga en Caliente Estas dos características mejoran significativamente la experiencia de desarrollo, permitiendo a los desarrolladores ver los cambios en su código casi instantáneamente, sin necesidad de recompilar … Leer más
Tiempo de lectura: 2 minutos La Arquitectura puente (bridge architecture) de React Native es una de las características más importantes y distintivas del marco. Permite la comunicación entre el código JavaScript y el código nativo (Objective-C, Swift para iOS, y Java, Kotlin para Android). Esta comunicación se lleva a cabo mediante un puente (bridge) que traduce y pasa mensajes entre … Leer más
Tiempo de lectura: 2 minutos ¡React Native es un marco de desarrollo de aplicaciones móviles creado por Facebook. Permite a los desarrolladores crear aplicaciones para iOS y Android utilizando un solo código base de JavaScript, lo que reduce significativamente el tiempo y el esfuerzo necesarios para desarrollar aplicaciones para ambas plataformas. 1. Reutilización de Código Una de las características más … Leer más
Tiempo de lectura: < 1 minuto Para asegurarte de que tu aplicación solo se muestre en modo vertical, puedes configurar la orientación de la pantalla tanto en Android como en iOS. Android iOS Código Dart para Flutter (opcional) Si deseas hacerlo directamente desde el código Dart, puedes usar el paquete flutter/services.dart: Con estas configuraciones, tu aplicación solo se mostrará en modo … Leer más
