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 implementar inicio de sesión con Google Sign y React, además compatible con Next.js. Lo primero que tenemos que hacer es instalar la librería React Oauth2 Google Una vez instalado tenemos que crear nuestras credenciales para ello: Vamos a Google Cloud Platform (https://cloud.google.com/) y pulsamos en Consola Ahora seleccionamos nuestro … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos crear una web progresiva PWA utilizando React y Next.js. Instalamos la dependencia que vamos a utilizar next-pwa Ahora creamos un archivo manifest.json dentro de public. Pondremos el nombre y los datos de nuestra app y enlazaremos el icono. Podemos elegir la orientación indicando: «orientation»: «portrait» Creamos un archivo … Leer más
Tiempo de lectura: < 1 minuto Si queremos cargar paths en Next.js con o sin paramétros y que no nos redireccione a 404 tenemos que hacer lo siguiente: Primero creamos nuestra ruta de carpetas como necesitemos en este ejemplo es: Dentro de nuestro archivo [id].tsx es dónde trataremos ese id y realizaremos las operaciones que queramos. Esto funcionaría para las rutas: … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos generar un sitemap.xml de forma dinámica con Next.js esto es muy útil si tenemos links separados de cada uno de nuestros artículos y queremos generar su sitemap.xml. Con esta técnica mejoraremos mucho el SEO de nuestra web y ayudaremos a los buscadores a indexar correctamente nuestra web. Lo primero … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender a importar y utilizar nuestros archivos .mp3 con Next y React. Cuando intentamos importar un archivo .mp3 nos devuelve este error: Para solucionarlo tenemos que instalar file-loader: Y configurarlo dentro de nuestro module.exports Y para que la importacón de *.mp3 no de problema con TypeScript añadiremos dentro de declarations.d.ts (si no … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a implementar una función que nos permitirá reproducir sonido utilizando React. Lo primero que tenemos que hacer es crear esta función que nos permitirá cargar el sonido: Y para utilizarlo haremos lo siguiente. Colocamos nuestros sonidos dentro de assets/sounds Los importamos e invocamos a la función creada poniendo .start() al final. isMa Ingeniero … Leer más
Tiempo de lectura: < 1 minuto Si nos encontramos con este error al intentar generar un apk de una aplicación en React Native SDK location not found Define a valid SDK location with an ANDROID_HOME environment variable or by setting the sdk.dir path in your project’s local properties file, debemos hacer lo siguiente para solucionarlo. Ahora crearemos un fichero llamado local.properties … Leer más
Tiempo de lectura: < 1 minuto Vamos a ver como configurar los estilos generales a una aplicación desarrollada en React Native. Para ello, en la pantalla dónde se establecen las diferentes pantallas y rutas, dentro del StackNavigator, añadiremos el screenOptions. El screenOptions, es un objeto que contiene las opciones de estilo y diseño para las pantallas en la navegación. Estas opciones … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a ver cómo podemos comunicar una web creada con React con un iFrame o frame en React o HTML con JavaScript. Cargar el Frame Creamos un iframe: En urlCargar ponemos la URL de la web de la que queremos capturar el evento. Ahora creamos el evento que nos permitirá obtener los datos: Primero … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos comunicar un Web creada con React con un WebView en React Native y además utilizaremos la función postMessage() de JavaScript. Esto es muy útil para poder realizar interfaces con web y poderlas implementar dentro de una APP. React Native Utilizaremos la librería react-native-webview La importamos: Lo primero que tenemos … Leer más
