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

Implementar Redis con Fast-API para añadir cache

Implementar Redis con Fast-API para añadir cache

Tiempo de lectura: 3 minutos Redis es una de las bases de datos en memoria más rápidas y populares, diseñada para manejar datos con una latencia mínima. Su capacidad para almacenar datos temporalmente y recuperarlos rápidamente la hace ideal para escenarios como el almacenamiento en caché, la gestión de sesiones, la clasificación de datos en tiempo real y mucho más. … Leer más

Desactivar rotación de pantalla en una aplicación Flutter

Desactivar rotación de pantalla en una aplicación Flutter

Tiempo de lectura: < 1 minuto Para desactivar la rotación de la pantalla en una aplicación Flutter, debes configurar tanto el código de Flutter como el proyecto nativo de iOS. Sigue estos pasos: 1. Configuración en Flutter Usa el paquete SystemChrome para establecer la orientación de la pantalla en tu aplicación. Esto se hace en el archivo main.dart: 2. Configuración en … Leer más

Utilizar varias claves Github o Gitlab en una misma máquina en linux, ubuntu, debian, wsl, o Mac

Utilizar varias claves Github o Gitlab en una misma máquina en linux, ubuntu, debian, wsl, o Mac

Tiempo de lectura: 2 minutos Si tienes varias claves SSH para diferentes cuentas de GitHub (por ejemplo, personal y de trabajo), puedes configurarlas fácilmente creando un archivo de configuración SSH específico para diferenciarlas. Aquí te dejo los pasos: 1. Asegúrate de Tener Varias Claves SSH Primero, verifica que tienes más de una clave SSH en tu carpeta ~/.ssh: Ejemplo: Si … Leer más

Crear un proyecto en Google Analytics para añadir en tu web

Crear un proyecto en Google Analytics para añadir en tu web

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo crear un proyecto nuevo en Google Analytics para añadir en tu web (html, react, flutter etc…). Lo primero que haremos es abrir Google Analytics (https://analytics.google.com/analytics/). Utilizaremos nuestra cuenta de Google para iniciar sesión. Ahora pulsamos en Administrar: Si es la primera vez que creamos la cuenta nos saldrá directamente. Pulsamos … 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

Generar y publicar un build para iOS con Flutter

Generar y publicar un build para iOS con Flutter

Tiempo de lectura: 3 minutos Vamos a aprender cómo podemos generar un build en Flutter para iOS y publicarlo en APP Store de Apple. Lo primero que tenemos que hacer es Instalar Xcode: Configura tu entorno Flutter para iOSEjecuta el comando: Asegúrate de que no haya problemas relacionados con Xcode o iOS. Registra un Apple Developer Account Configura tu proyecto … 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

Solucionar error Lexical or Preprocessor Issue (Xcode): Include of non-modular header inside framework module en un proyecto Flutter para iOS

Solucionar error Lexical or Preprocessor Issue (Xcode): Include of non-modular header inside framework module en un proyecto Flutter para iOS

Tiempo de lectura: < 1 minuto Hoy vamos a solucionar el error «Lexical or Preprocessor Issue (Xcode): Include of non-modular header inside framework module» en un proyecto de app iOS para Flutter. Abrimos nuestro proyecto con xcode: Ve a las Build Settings del proyecto. Activa tanto All como Combined: Busca «Allow Non-modular Includes in Framework Modules». Establece esta configuración en YES … Leer más