isMa 
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos añadir un vídeo de YouTube en React. Lo primero que tenemos que hacer es añadir esta dependencia: Una vez instalada vamos a crear el componente que se va a encargar de abrir el vídeo de YouTube. La llamamos YoutubePlayer.tsx Puedes personalizar las opciones añadiendo playerVars: referencia. Y este es … Leer más
Tiempo de lectura: 3 minutos La accesibilidad web es crucial para garantizar que todas las personas, independientemente de sus capacidades, puedan disfrutar plenamente de la experiencia en línea. Afortunadamente, existen varias herramientas y extensiones de navegador que pueden ayudarte a evaluar y mejorar la accesibilidad de tu sitio web. ¡Vamos a descubrir algunas de ellas! 1. Wave Evaluation Tool Wave … Leer más
Tiempo de lectura: 3 minutos La web es un lugar vasto y diverso, lleno de información y oportunidades. Sin embargo, para muchas personas con discapacidades, navegar por la web puede ser como intentar abrir una puerta cerrada con llave. Es por eso que la accesibilidad web es crucial. ¡Vamos a sumergirnos en el mundo de la accesibilidad web y descubrir … Leer más
Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos configurar ESLint para un proyecto que utiliza React y React Native y JavaScript o TypeScript. Nos permitirá reconocer los errores que aparecen en nuestro código y configurar el tipo de error que queremos. Lo primero de todo es instalar ESLint: Una vez instalado, lo instalamos en nuestro proyecto. Y … Leer más
Tiempo de lectura: 2 minutos Hoy os voy a compartir una configuración de contenedor para React basado en Nginx. Para ello vamos a crear este docker-compose.yml Ahora vamos a crear nuestro Dockerfile Finalmente, crearemos las carpetas necesarias: El fichero nginx.conf debe contener: Recuerda que la carpeta de distribución de React generada con Vite está dentro de dist, debes ponerla en … Leer más
Tiempo de lectura: < 1 minuto Hoy os comparto una solución para configurar correctamente el fichero nginx.conf y hacerlo compatible con la gestión de rutas de react-router-dom. Para solucionar el error, tenemos que añadir la línea try_files $uri $uri/ /index.html; dentro del archivo nginx.conf isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos generar un build de desarrollo con React Vite. Esto generará la carpeta dist con configuración de desarrollo. Para ello tenemos que ir al archivo packcage.json y añadir este comando dentro de «scripts»: { Y para poder utilizarlo tenemos que utilizar este comando: De esta forma generaremos el build en … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos instalar Docker y Docker compose en Debian de una forma muy rápida. Primero añadimos las claves de los respositorios Debian. Ahora instalamos la última versión de Docker Ejecutamos Docker Podemos configurar para que no necesitamos usar el comando sudo y lanzar Docker (https://docs.docker.com/engine/install/linux-postinstall/): Finalmente, Docker funcionará sin necesidad de … Leer más
Tiempo de lectura: 3 minutos El término «Modelo-Vista-Vista-Modelo» (MVVM) es un patrón de arquitectura de software que se utiliza comúnmente en el desarrollo de aplicaciones de software, especialmente en el desarrollo de aplicaciones de interfaz de usuario, como aplicaciones web y móviles. MVVM es una variante del patrón Modelo-Vista-Controlador (MVC) y se centra en separar la lógica de presentación de … Leer más
Tiempo de lectura: 4 minutos El Modelo-Vista-Controlador (MVC) es un patrón de arquitectura de software que se utiliza comúnmente en el desarrollo de aplicaciones de software, especialmente en el desarrollo de aplicaciones web y de escritorio. Este patrón se basa en el principio de separación de preocupaciones, lo que significa que divide una aplicación en tres componentes principales: el Modelo, … Leer más
