Tiempo de lectura: 2 minutos Hola, hoy vamos a ver cómo podemos realizar pruebas Unitarias usando Mocha en React Native. Lo primero que tenemos que hacer es instalar las dependencias para las pruebas: Crea un archivo de configuración para la cobertura de pruebas. Crea un archivo .nycrc en la raíz de tu proyecto y agrega el siguiente contenido: Esto configura … Leer más
Tiempo de lectura: 2 minutos Buenos dias, en el tutorial de hoy, os voy a poner como he solucionado un error que me ha ocurrido ya un par de veces y no lograba solucionar. Al ejecutar la aplicación en mi móvil de forma local como en cualquier móvil, se hace con el siguiente comando: Si todo es correcto teniendo todo … Leer más
Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender, como realizar testing usando Jest en React Native y Expo. Supongamos que tienes un componente de login llamado LoginScreen que contiene campos de entrada de usuario y contraseña, así como un botón de inicio de sesión. En primer lugar, asegúrate de tener Jest configurado en tu proyecto de React Native. … Leer más
Tiempo de lectura: 3 minutos Hola, hoy vamos a ver cómo podemos crear un contenedor Docker que genera Builds Android (APKs) de forma local usando React Native. Primero vamos a generar nuestro proyecto docker-compose.yml de la siguiente forma: Para generar la variable de entorno EXPO_TOKEN, debes hacer lo que indica Expo: https://docs.expo.dev/accounts/programmatic-access/ Web para generar tokens: https://expo.dev/accounts/[account]/settings/access-tokens Para ello vamos … Leer más
Tiempo de lectura: < 1 minuto Si queremos refrescar una pantalla al volver desde otra pantalla usando React Native, tenemos que hacer lo siguiente: Primero importamos react-navigation Después lo añadimos en nuestro render: Y dentro de React.useCallback, realizamos las llamadas que queramos refrescar. En [] podemos poner la variable que cambia al regresar de otra pantalla por ejemplo [codigo]. Otra opción … Leer más
Tiempo de lectura: 2 minutos A veces, cuándo queremos pasar una función a un método de un componente ya creado y necesitamos actualizar un onPress utilizando un setState, resulta que el método que hemos pasado se invoca antes de utilizar el onPress. Si queremos solucionar este problema, tendremos que hacer lo siguiente: Tenemos el siguiente componente botonCustom.js: Hemos creado una … Leer más
Tiempo de lectura: 7 minutos Hoy os voy a enseñar cómo añadir Google Admob Ads a la última versión de Expo y React Native disponible en febrero de 2023. Utilizaremos esta librería (https://docs.page/invertase/react-native-google-mobile-ads): Opcional: Si usas ios y quieres implementar Static Frameworks añade esto a app.json e instala el plugin: Añadimos dentro de plugins de nuestro archivo app.json: Añadimos en … Leer más
Tiempo de lectura: 4 minutos PWA (Progressive Web Apps), Flutter, React Native y Ionic son tecnologías para el desarrollo móvil que tienen diferentes ventajas y desventajas en cuanto a desempeño, experiencia de usuario, soporte de plataforma, curva de aprendizaje, mantenimiento y escalabilidad, y costo. PWA Es una tecnología que permite crear aplicaciones web con características similares a las de una … Leer más
Tiempo de lectura: 3 minutos Antes de empezar, es importante tener en cuenta que React Native es una biblioteca de Javascript que permite crear aplicaciones móviles para iOS y Android utilizando sintaxis similar a la de React, la popular biblioteca de Javascript para crear aplicaciones web. A continuación, te proporcionaré un ejemplo de código para un juego básico en React … Leer más
Tiempo de lectura: 4 minutos Antes de empezar, es importante entender qué es React.js. React.js es una biblioteca de JavaScript utilizada para construir interfaces de usuario. Es ampliamente utilizado para construir aplicaciones de una sola página (SPA) y aplicaciones web escalables. En este tutorial, crearemos una página de inicio para un sitio web de viajes utilizando React.js en WordPress. Empezaremos … Leer más
