Comparar fechas en UTC (defecto en MariaDB) y obtener los segundos de diferencia con React Native (también sirve para React o JavaScript general)

Comparar fechas en UTC (defecto en MariaDB) y obtener los segundos de diferencia con React Native (también sirve para React o JavaScript general)

Tiempo de lectura: < 1 minutoHoy os traigo un pequeño script para vuestras aplicaciones móviles qué permitirá comparar dos fechas en formato UTC en React Native, React o JavaScript Vanila y obtener los segundos de diferencia. El código obtiene una fecha que llega en formato UTC desde la base de datos. A veces no incluye la Z al final, se … Leer más

Creando una Aplicación Web Interactiva Usando FastAPI, React y WebSockets

Creando una Aplicación Web Interactiva Usando FastAPI, React y WebSockets

Tiempo de lectura: 3 minutosAprender a construir una aplicación web en tiempo real, utilizando FastAPI para el backend y React con WebSockets para el frontend. Esta app permitirá a los usuarios interactuar en tiempo real, mostrando cómo integrar tecnología moderna en un flujo de trabajo eficiente. Requisitos Previos Paso 1: Configuración del Entorno Backend (FastAPI + WebSockets) Instalar FastAPI … Leer más

Crear una app interactiva usando FastAPI y React ejemplo de integración Backend – Frontend

Crear una app interactiva usando FastAPI y React ejemplo de integración Backend – Frontend

Tiempo de lectura: 2 minutosDesarrollaremos una aplicación web que utiliza FastAPI para el backend y React para el frontend. La app permitirá a los usuarios interactuar con un sistema de recomendaciones básicas, pero sin la complejidad de la IA. Las recomendaciones se basarán simplemente en las acciones que el usuario ingrese. Tecnologías a usar Requisitos previos Parte 1: Backend … Leer más

Eliminar permisos no necesarios al generar APK o app-bundle con Expo 52 React Native y plugin en build.gradle con gradle 8.10.2

Eliminar permisos no necesarios al generar APK o app-bundle con Expo 52 React Native y plugin en build.gradle con gradle 8.10.2

Tiempo de lectura: 2 minutosHoy vamos a aprender cómo podemos eliminar permisos no necesarios qué se puedan añadir automáticamente a nuestro build desde librerías externas en React Native con Expo. Para realizar esta eliminación automática de los permisos tendremos qué crear un plugin para expo que añada un pequeño script dentro de build.gradle de Android en tiempo de generación … Leer más

Modificar proguard con Expo React Native usando app.json

Modificar proguard con Expo React Native usando app.json

Tiempo de lectura: < 1 minutoHoy vamos a aprender cómo podemos modificar la configuración de proguard usando Expo en React Native. Primero tenemos que abrir nuestro app.json. Y vamos a plugins: Aquí dentro añadiremos la propiedad qué queramos para proguard-rules.pro En mi caso es la linea: Ahora generaremos el proyecto android: Y con esto podemos comprobar el archivo app/proguard-rules.pro isMa … Leer más

Crear un componente bocadillo animado para un videojuego React Native o React

Crear un componente bocadillo animado para un videojuego React Native o React

Tiempo de lectura: 2 minutosHoy vamos a crear un componente que representa un bocadillo de texto animado para React o React Native. El componente recibirá un texto o un elemento qué represente un texto y además mostrará un puntero animado al final del texto. Y para utilizarlo haremos esto: También podemos utilizarlo con el componente TextoAnimado animado que hemos … Leer más

Añadir texto animado en React o React Native

Añadir texto animado en React o React Native

Tiempo de lectura: < 1 minutoHoy vamos a crear un pequeño componente que añade texto animado para nuestros juegos en React o React Native. Este componente recibe un texto y lo anima caracter a caracter. Primero vamos a crear este componente: Ahora podemos utilizar el componente de esta forma: Y si queremos detener la animación podemos crear un botón o … Leer más

Utilizar Bugsink con Sentry en un docker compose para registrar errores

Utilizar Bugsink con Sentry en un docker compose para registrar errores

Tiempo de lectura: 6 minutosHoy vamos a implementar Bugsink un sistema autoalojado que nos permitirá registrar errores de nuestras aplicaciones y servidores de forma remota y con avisos. Para ello utilizaremos un docker compose. Lo primero es entender qué es Bugsink. BugSink es una herramienta o plataforma diseñada para gestionar errores o bugs en aplicaciones de software de manera … Leer más

Construir una Aplicación Full-Stack con Next.js y FastAPI

Construir una Aplicación Full-Stack con Next.js y FastAPI

Tiempo de lectura: 2 minutosHoy vamos a aprender a crear una aplicación Flull Stack con Next y Fast API. 1. Configuración del Proyecto 2. Configuración del Backend con FastAPI Instalar FastAPI y Uvicorn: Navega al directorio backend/ y ejecuta: Crea tu servidor FastAPI: En backend/, crea un archivo main.py: Ejecutar el servidor: uvicorn main:app –reload El backend estará disponible … Leer más

Cómo Crear Tu Propia App con ChatGPT Integrado en Menos de 1 Hora

Cómo Crear Tu Propia App con ChatGPT Integrado en Menos de 1 Hora

Tiempo de lectura: 2 minutosEn este tutorial, aprenderás a crear una aplicación desde cero que aprovecha el poder de la IA generativa de ChatGPT (OpenAI) para interactuar con los usuarios en tiempo real. Perfecto para principiantes y profesionales que quieran llevar su desarrollo al siguiente nivel y generar un producto atractivo. Usaremos React Native para la app móvil y … Leer más