Tiempo de lectura: 2 minutos Hola, hoy vamos a aprender cómo podemos pasar un parámetro de una pantalla de React a otra. Paso 1: Instalación de React Router v6 Si aún no lo has hecho, instala React Router v6: Paso 2: Configuración de React Router En tu archivo App.js, configura las rutas utilizando BrowserRouter y Route: Paso 3: Navegación con … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos añadir el mensaje obligatorio de consentimiento de anuncios para cumplir con la GDPR. Lo primero que tenemos que hacer es tener nuestro mensaje configurado: https://devcodelight.com/mensaje-consentimiento-conforme-rgpd-para-admob/ NOTA: uso la versión 12.2.0 de react-native-google-mobile-ads como mínimo (https://github.com/invertase/react-native-google-mobile-ads) Una vez configurado, vamos a android/app/proguard-rules.pro y añadimos: Ahora tenemos que ir a nuestro … Leer más
Tiempo de lectura: 2 minutos Hola y bienvenidos a mi nuevo artículo sobre React. Hoy vamos a ver cómo podemos crear un fragment con React. Un fragment, es un espacio en la pantalla que se cambia cuando pulsamos un botón o un menú. Para crear este fragment, primero vamos a crear el menú que permite cambiar de pantalla: Lo llamamos … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos implementar el mensaje de consentimiento de GDPR con React Native. Vamos a instalar la siguiente librería (https://www.npmjs.com/package/@ulangi/react-native-ad-consent) Ahora vamos a añadir esta clave en info.plist de iOS: Ahora abrimos AndroidManifest.xml en caso de Android. Y añadimos: Y ahora creamos nuestro componente llamado consentAdmob.ts Para usar las funciones que proporcionamos, … Leer más
Tiempo de lectura: 2 minutos En el mundo del desarrollo web, la elección del framework adecuado puede marcar la diferencia entre una aplicación mediocre y una experiencia de usuario excepcional. Entre las opciones disponibles, React se destaca como una herramienta poderosa y versátil. Aquí se indican sus principales características: Al considerar estas ventajas, queda claro por qué React sigue siendo … Leer más
Tiempo de lectura: 2 minutos Hoy quería compartir una forma sencilla de implementar un componente de paginación utilizando Material-UI en React. Este componente es útil cuando se trabaja con listas extensas, permite navegar entre las diferentes páginas. Primero creamos el componente de paginación con sus atributos para después poder usarlo dónde lo necesitemos. En el ejemplo anterior, pasamos por parámetro … Leer más
Tiempo de lectura: 2 minutos Si deseas analizar un proyecto React que incluye archivos TypeScript (.ts y .tsx) con SonarQube, necesitarás configurar SonarQube para que admita TypeScript y también ajustar tu proyecto para que la configuración de análisis de SonarQube sea efectiva. A continuación, se describen los pasos generales: 1. Configurar SonarQube para admitir TypeScript: Asegúrate de tener SonarQube instalado … Leer más
Tiempo de lectura: < 1 minuto Hola, hoy os voy a compartir un contenedor muy util para generar un build de React. Contiene ya todo lo necesario para generarlo. Además, es compatbile con Vite.js Lo primero que vamos a hacer es crear el archivo docker-compose.yml Ahora vamos a crear el Dockerfile Recuerda que el código de tu aplicación tiene que estar … Leer más
Tiempo de lectura: 2 minutos Cambiar el favicon en una aplicación React es un proceso sencillo y se puede lograr en pocos pasos. Aquí hay un tutorial paso a paso: Paso 1: Preparación del Ícono Asegúrate de tener un ícono en el formato deseado (.ico, .png, etc.). Puedes crear un ícono utilizando herramientas en línea o programas de diseño gráfico … Leer más
Tiempo de lectura: 3 minutos Aquí tienes un tutorial paso a paso sobre cómo crear un build con Vite y desplegarlo para probarlo en un servidor local utilizando Nginx. Este tutorial asume que ya tienes Node.js y npm instalados en tu máquina. Paso 1: Crear una nueva aplicación Vite (si ya la tienes creada, puedes saltarte este paso) Paso 2: … Leer más
