Crear una librería para React usando create-react-library

Crear una librería para React usando create-react-library

Tiempo de lectura: 3 minutos Hoy vamos a aprender cómo podemos crear una librería con React. Primero vamos a instalar las dependencias necesarias, vamos a desarrollarla en TypeScript: Lo primero que tenemos que hacer es crear un nuevo poyecto para nuestra librería. Rellenamos todo lo que nos va indicando, en licencia puedes indicar la que quieras, aquí te indico algunas: … Leer más

Publicar una extensión de VS Code en Visual Studio Marketplace

Publicar una extensión de VS Code en Visual Studio Marketplace

Tiempo de lectura: 2 minutos Publicar una extensión de Visual Studio Code en el Marketplace implica varios pasos. Aquí tienes una guía paso a paso para ayudarte a hacerlo: 1. Prepara tu Proyecto Antes de publicar, asegúrate de que todo está funcionando correctamente y que has realizado las pruebas necesarias. Además, asegúrate de que tu package.json esté correctamente configurado, incluyendo … Leer más

Crear una extensión para VS Code con TypeScript

Crear una extensión para VS Code con TypeScript

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos generar una extensión para VS Code usando TypeScritp. Necesitarás Node.js y yo (Yeoman) para generar una extensión de VSCode. Instala el generador para extensiones de VSCode:npm install -g yo generator-code Crea el esqueleto de la extensión: Ahora elegimos unbundled Package manager, elegimos npm Y esperamos a que se cree. … Leer más

Ocultar comentarios o docstring o parte del código con VSCode

Ocultar comentarios o docstring o parte del código con VSCode

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

Crear un archivo de configuración previa de tests en Jest o Vitest

Crear un archivo de configuración previa de tests en Jest o Vitest

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

Integrar pruebas Unitarias con Jest en React

Integrar pruebas Unitarias con Jest en React

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

Principales Frameworks de Desarrollo Web y su Integración con TypeScript

Principales Frameworks de Desarrollo Web y su Integración con TypeScript

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

Añadir i18next para internacionalizar una APP React Native + Expo usando TypeScript

Añadir i18next para internacionalizar una APP React Native + Expo usando TypeScript

Tiempo de lectura: 2 minutos Hoy vamos a aprender cómo podemos internacionalizar y añadir multi lenguaje a una APP en React Native y usando TypeScript. Lo primero que haremos es instalar i18n: Una vez instalado, creamos una carpeta llamada language y dentro creamos un archivo i18next.ts Este archivo determinará automáticamente el idioma seleccionado en el dispositivo. El idioma por defecto … Leer más

Solucionar error: Unknown compiler option ‘allowImportingTsExtensions’. Usdando Sonarqube con React y TypeScript

Solucionar error: Unknown compiler option ‘allowImportingTsExtensions’. Usdando Sonarqube con React y TypeScript

Tiempo de lectura: < 1 minuto Hoy vamos a solucionar el error Unknown compiler option ‘allowImportingTsExtensions’ que aparece cuando intentamos analizar un proyecto TypeScript con SonarQube y React. El error se encuentra en tsconfig.json del proyecto de React, se soluciona eliminando la siguiente línea: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y darles una nueva vida. Escritor … Leer más

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, Investigador, me encanta crear cosas o arreglarlas y … Leer más