Cargar un vídeo desde assets (local) usando Expo React Native

Cargar un vídeo desde assets (local) usando Expo React Native

Tiempo de lectura: 2 minutos Para cargar un video desde un archivo local almacenado en assets/videos/video_1.mp4, puedes usar el componente Video de la librería expo-av. 1. Instala las dependencias necesarias Si no tienes la librería expo-av instalada, puedes añadirla a tu proyecto con: 2. Organiza los archivos en tu proyecto Guarda tu archivo de video en assets/videos/video_1.mp4. Asegúrate de que … Leer más

Implementar un método para obtener text/event-stream de un LLm usando React Native

Implementar un método para obtener text/event-stream de un LLm usando React Native

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos obtener un stream de datos de un LLm usando React Native. Por defecto React Native no permite obtener un text/event-stream usando librerías como Axios o Fetch. Para obtenerlo vamos a usar la librería react-native-sse que maneja event source. Una vez instalada vamos a implementar nuestro código. Tenemos que tener … Leer más

Cómo publicar una web React con Vite en GitHub

Cómo publicar una web React con Vite en GitHub

Tiempo de lectura: 2 minutos Crearemos un sitio web simple, lo subiremos a GitHub y lo publicaremos en GitHub Pages. 🌟 Paso 1: Crear tu Aplicación con Vite Primero, necesitamos nuestra aplicación React lista. Si aún no la tienes, sigue estos comandos: Paso 2: Configurar Vite para GitHub Pages GitHub Pages requiere que las rutas estén bien definidas, por lo … Leer más

Crear un aviso de Cookies para React con Next.js

Crear un aviso de Cookies para React con Next.js

Tiempo de lectura: 2 minutos Hoy vamos a crear un aviso de Cookies para React con Next.js Este componente nos servirá para obtener el consentimiento de cookies de los visitantes de nuestra web. Creamos un componente llamado Cookie Banner: Uso: Notas importantes isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y … Leer más

Utilizar Xcode con Expo en React Native usando la consola de comandos de MAC

Utilizar Xcode con Expo en React Native usando la consola de comandos de MAC

Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos utilizar Xcode de nuestro MAC de forma remota por línea de comandos. Primero debemos asegurarnos qué tenemos Xcode instalado en nuestro MAC. Ahora vamos a preparar todo el entorno. Seleccionar la versión de Xcode Verificamos que está seleccionada: Instalamos las herramientas de línea de comandos de xcode. Instalamos cocoapods … Leer más

Pruebas Unitarias con Jest en React Native y Expo

Pruebas Unitarias con Jest en React Native y Expo

Tiempo de lectura: 2 minutos Las pruebas Unitarias son muy importantes en el proceso de desarrollo de software, nos aseguran un funcionamiento correcto y evitan regresiones en nuestro código. Hoy vamos a aprender a crear pruebas unitarias con Jest e integrarlas en React Native con Expo. NUEVAS INSTRUCIONES: Necesitamos tener la última versión de React en nuestro proyecto, en mi … Leer más

Aumentar el máximo de caracteres en directorios en Windows (Rutas de acceso largas win32)

Aumentar el máximo de caracteres en directorios en Windows (Rutas de acceso largas win32)

Tiempo de lectura: < 1 minuto Windows tiene una limitación de lectura de caracteres de 191, para eliminar esta limitación debemos hacer lo siguiente (Rutas de acceso largas win32). Abrimos powershell con permisos de adminsitrador: Reiniciamos 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 … Leer más

Actualizar cmake usando Android Studio

Actualizar cmake usando Android Studio

Tiempo de lectura: < 1 minuto Hoy vamos a aprender a actualizar cmake usando Android Studio. Primero abrimos Android Studio. Buscamos el icono de los 3 puntos y abrimos SDK Manager. Ahora vamos a SKD Tools y buscamos CMake Podemos marcar o desmarcar los que queramos tener instalados. En mi caso he instalado la última versión. isMa Ingeniero en Informática, Investigador, … Leer más

Resetear Tab Navigator al cambiar de tab en React Native

Resetear Tab Navigator al cambiar de tab en React Native

Tiempo de lectura: 3 minutos En este tutorial, aprenderás cómo reiniciar la pila de navegación de un Stack.Navigator dentro de un Tab.Navigator al cambiar entre pestañas. Esto asegura que no se acumulen rutas previas en la navegación, evitando comportamientos inesperados. Paso 1: Crear la estructura básica Comienza configurando un Tab.Navigator que incluya diferentes pestañas, cada una asociada a un Stack.Navigator. … Leer más

Cómo Configurar un Stack Navigator Dentro de un Tab Navigator en React Navigation

Cómo Configurar un Stack Navigator Dentro de un Tab Navigator en React Navigation

Tiempo de lectura: 2 minutos En este tutorial aprenderás cómo configurar un Stack.Navigator dentro de un Tab.Navigator. Esto es útil cuando necesitas que ciertas pantallas estén agrupadas bajo una pestaña específica (por ejemplo, una pantalla de perfil con opciones adicionales). Aprenderás cómo configurar una navegación mixta utilizando un Stack.Navigator dentro de un Tab.Navigator y viceversa, simulando una estructura como la … Leer más