Redirigir errores PHP a la consola Docker o consola de Linux (logs por consola)

Redirigir errores PHP a la consola Docker o consola de Linux (logs por consola)

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos hacer un handler para redirigir los errores PHP a la consola de Linux o Docker. Lo primero que tenemos que hacer es crear un manejador, podemos llamarlo exception_handler.php Y vamos a añadir lo siguiente: Esta función nos dará toda la información necesaria para identificar el error, el mensaje de … Leer más

Añadir vídeo de YouTube en React

Añadir vídeo de YouTube en React

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

Mejores herramientas para medir la accesibilidad web

Mejores herramientas para medir la accesibilidad web

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

Accesibilidad Web y los Estándares WCAG, niveles de accesibilidad

Accesibilidad Web y los Estándares WCAG, niveles de accesibilidad

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

Configurar ESLint para proyecto React o React Native con JavaScript o TypeScript

Configurar ESLint para proyecto React o React Native con JavaScript o TypeScript

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

Contenedor Nginx para React con Docker Compose

Contenedor Nginx para React con Docker Compose

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

Solucionar error de rutas cuando refrescas con F5 en React (react-router-dom) usando nginx

Solucionar error de rutas cuando refrescas con F5 en React (react-router-dom) usando nginx

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, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor y … Leer más

Generar build de desarrollo con React Vite

Generar build de desarrollo con React Vite

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

Instalar Docker y Docker Compose en Debian, rápido.

Instalar Docker y Docker Compose en Debian, rápido.

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

Ingeniería de Software: Modelo Vista Vista Modelo (MVVM)

Ingeniería de Software: Modelo Vista Vista Modelo (MVVM)

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