Customize Consent Preferences

We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.

The cookies that are categorized as "Necessary" are stored on your browser as they are essential for enabling the basic functionalities of the site. ... 

Always Active

Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.

No cookies to display.

Functional cookies help perform certain functionalities like sharing the content of the website on social media platforms, collecting feedback, and other third-party features.

No cookies to display.

Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics such as the number of visitors, bounce rate, traffic source, etc.

No cookies to display.

Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.

No cookies to display.

Advertisement cookies are used to provide visitors with customized advertisements based on the pages you visited previously and to analyze the effectiveness of the ad campaigns.

No cookies to display.

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