Tiempo de lectura: < 1 minuto La diferencia principal entre usar llaves en un bloque case y no hacerlo radica en el ámbito de las variables. Sin llaves Cuando no usas llaves en un bloque case, cualquier declaración de variable con const o let se considera que está en el mismo ámbito que el switch y puede causar conflictos. Si declaras … Leer más
Tiempo de lectura: 3 minutos Introducción: ¿Por qué JAMstack? JAMstack (JavaScript, APIs, Markup) es una arquitectura moderna que ofrece sitios web rápidos y seguros. Al usar este enfoque, separas la lógica del backend de la presentación y puedes desplegar tu sitio en servicios como Netlify en cuestión de minutos. En este tutorial, te guiaremos para crear un blog basado en … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos «collapsar» u ocultar docstring o comentarios con VSCode. Para ello vamos a utilizar la etiqueta region. Las etiquetas # region y # endregion son características de algunos entornos de desarrollo integrados (IDEs) como Visual Studio, Visual Studio Code y JetBrains, que permiten a los desarrolladores plegar o desplegar secciones … Leer más
Tiempo de lectura: < 1 minuto Hoy vamos a aprender cómo podemos crear un archivo de configuración previa de test para Jest o Vitest. Esto puede servirnos por ejemplo si necesitamos cargar los datos de usuario previamente a realizar los tests. Para lograr que se carguen algunos datos antes de realizar los tests tenemos que crear un archivo llamado tests.setup.tsx en … Leer más
Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos integar prubas con Jest que nos permitan testear los componentes React creados. Lo primero que tenemos que hacer es instalar Jest: Instalamos testing-library/jest-dom: Instalamos ts-jest Instalamos: Instalaremos React testing library: O si usamos TypeScript: Además para typescript: Ahora vamos a crear la estructura de carpetas para nuestras pruebas con … Leer más
Tiempo de lectura: 2 minutos Los frameworks de desarrollo web son herramientas poderosas que permiten a los desarrolladores crear aplicaciones web de manera más eficiente y organizada. Muchos de estos frameworks son compatibles con TypeScript, lo que agrega beneficios adicionales en términos de seguridad y mantenibilidad del código. A continuación, presentaremos algunos de los frameworks más populares y su integración … Leer más
Tiempo de lectura: 2 minutos TypeScript es un lenguaje de programación de código abierto desarrollado y mantenido por Microsoft. Se describe a menudo como un «superset» de JavaScript, lo que significa que todo código JavaScript válido también es válido en TypeScript, pero TypeScript agrega características adicionales que mejoran la experiencia de desarrollo, especialmente en proyectos grandes y complejos. Características Principales: … Leer más
Tiempo de lectura: < 1 minuto Hace unas semanas actualicé un website de PHP a Next.js con React y a mi sorpresa cuando cargué la página mostraba la versión PHP sin cargar correctamente los recursos anteriores ya que no existían. Para solucionar este problema, podemos intentar cargar un archivo que estuviese incluido en la web anterior y forzar dentro de ese … 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: 2 minutos En este ejemplo vamos a ver cómo generar dinámicamente opciones para un elemento select en HTML utilizando datos JSON y JavaScript. Primero muestro el array de elementos que vamos a usar de ejemplo: Después, crearemos una función llamada crearSelect que tomará los datos del JSON y generará las opciones para un elemento select en HTML … Leer más
