Solucionar error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; en SonarQube con React TypeScript

Solucionar error Argument for ‘–moduleResolution’ option must be: ‘node’, ‘classic’, ‘node16’, ‘nodenext’.; en SonarQube con React TypeScript

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: isMa Ingeniero en Informática, me encanta crear cosas o arreglarlas y darles … Leer más

Crea un tema para WordPress usando React con Frontity TypeScript y Vite

Crea un tema para WordPress usando React con Frontity TypeScript y Vite

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

¿Qué es el SEO? Estrategias y Tácticas para Mejorar tu Posicionamiento en Buscadores

¿Qué es el SEO? Estrategias y Tácticas para Mejorar tu Posicionamiento en Buscadores

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

Permisos de carpetas para instalación de WordPress

Permisos de carpetas para instalación de WordPress

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

Redirigir errores PHP a la consola Docker o consola de Linux

Redirigir errores PHP a la consola Docker o consola de Linux

Tiempo de lectura: < 1 minuto 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: 2 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