Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo solucionar el error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; cuando intentamos analizar un proyecto React con TypeScript usando Sonarqube. Este error se localiza en el archivo tsconfig.json, ya que se incluye: Para solucionarlo pondremos:
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos crear un tema para WordPress usando React, TypeScript y Frontity. Además, vamos a añadir Vite por debajo que nos permitirá desplegar más rápido nuestra APP. Frontity es el framework que te permite conectar tu aplicación de React con WordPress, aprovechando su API REST o GraphQL para obtener y mostrar … Leer más
Tiempo de lectura: 2 minutos En el competitivo mundo digital, el SEO (Search Engine Optimization) se ha convertido en un factor crucial para el éxito en línea. Mejorar tu posicionamiento en buscadores no solo aumenta la visibilidad de tu sitio web, sino que también atrae tráfico de alta calidad. En este artículo, exploraremos diversas estrategias y tácticas que puedes implementar … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a indicar los permisos necesarios en una instalación de WordPress con Apache. Para garantizar la seguridad y el funcionamiento adecuado de tu sitio de WordPress dentro de un contenedor Docker, es importante establecer los permisos correctos en el directorio web (www). Aquí hay una recomendación general sobre cómo podrías establecer los permisos: Para … Leer más
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
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
