We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.
The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ...
Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.
Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos crear un nuevo proyecto de React Native con Expo. Crear un nuevo proyecto con React Native, Expo y TypeScript es un proceso relativamente sencillo. Aquí tienes los pasos básicos que puedes seguir: Paso 1: Instalar Node.js y npm Asegúrate de tener Node.js y npm instalados en tu máquina. Puedes … Leer más
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
