Pasar una función a un componente y usar setState sin que se invoque automaticamente en React Native

Pasar una función a un componente y usar setState sin que se invoque automaticamente en React Native

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

Añadir Google Admob ads a React Native y expo 47

Añadir Google Admob ads a React Native y expo 47

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

PWA vs Flutter vs React Native vs Ionic ¿Qué tecnología usar para desarrollo móvil?

PWA vs Flutter vs React Native vs Ionic ¿Qué tecnología usar para desarrollo móvil?

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

Crear un juego sencillo usando React Native

Crear un juego sencillo usando React Native

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

Crear una web usando React.js

Crear una web usando React.js

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

Crear una APP con Expo (React Native)

Crear una APP con Expo (React Native)

Tiempo de lectura: 2 minutos ¡Hola! En este tutorial, te mostraré cómo crear una aplicación móvil con Expo. Expo es una plataforma de desarrollo de aplicaciones móviles que permite a los desarrolladores crear aplicaciones móviles rápidamente utilizando React Native. Expo proporciona herramientas para simplificar la creación de aplicaciones móviles, como un conjunto de componentes preconstruidos, una API para acceder a … Leer más

Crear una APP con React Native

Crear una APP con React Native

Tiempo de lectura: 2 minutos ¡Hola! En este tutorial, te mostraré cómo crear un «Hello World» en React Native. React Native es un framework de JavaScript utilizado para crear aplicaciones móviles multiplataforma. Permite a los desarrolladores escribir código una vez y luego ejecutarlo en múltiples plataformas, como iOS y Android. Antes de comenzar, asegúrate de tener instalado Node.js y NPM … Leer más

Obtener datos de webview usando React Native

Obtener datos de webview usando React Native

Tiempo de lectura: 2 minutos Hoy os voy a enseñar cómo puedes comunicar una web con React Native directamente usando Javascript y un webview. Lo primero que tenéis que hacer es instalar la dependencia de webview en React Native: Ahora vamos a crear dos códigos, uno será el componente React Native que cargará la URL y quedará a la espera … Leer más

Instalar Eas-updates (Expo updates) en React Native usando Expo

Instalar Eas-updates (Expo updates) en React Native usando Expo

Tiempo de lectura: < 1 minuto Hoy os voy a enseñar a instalar EAS-Updates, nos servirá para actualizar APPs remotamente (incluso las publicadas en la Store). Recuerda lanzar actualizaciones solo para pequeños bug-fix y no cambios grandes o nuevas funcionalidades en las APPs, ya que podemos correr el riesgo de incumplir políticas de publicación de APPs y actualizaciones OTA con Google … Leer más

Añadir imágenes desde galería usando expo-image-picker en Expo

Añadir imágenes desde galería usando expo-image-picker en Expo

Tiempo de lectura: 2 minutos Si queremos añadir el módulo nativo para obtener imágenes desde la galería, lo mejor que podemos hacer es utilizar expo-image-picker Lo primero que vamos a hacer es instalar la librería: Una vez instalada, tenemos que ir a app.json y añadir: Para configurar el plugin. Si tenemos parte nativa en iOS, tenemos que ir a Info.plist … Leer más