Tiempo de lectura: 2 minutosPara generar documentación automáticamente de tu librería de React usando TypeScript, puedes usar una herramienta como TypeDoc. TypeDoc genera documentación a partir de los comentarios JSDoc en tu código y los tipos de TypeScript. Pasos para Generar Documentación con TypeDoc Aquí –out docs indica que la documentación se generará en una carpeta llamada docs. Esto … Leer más
Tiempo de lectura: 3 minutosUsar Storybook para documentar y desarrollar tus componentes de React es una excelente manera de crear un entorno visual donde puedas ver y probar tus componentes de forma aislada. 1. Instalar Storybook Primero, asegúrate de estar en la raíz de tu proyecto y ejecuta el siguiente comando para instalar Storybook: Esto instalará Storybook y configurará … Leer más
Tiempo de lectura: 2 minutosHoy vamos a crear una librería de React de una forma más sencilla y sin utilizar otras librerías. Solo usaremos el compilador MicroBundle. Lo primero que tenemos que hacer es crear un proyecto nuevo React, usaremos TypeScript: Ahora crearemos una nueva carpeta dentro de src llamada components y crearemos un componente de ejemplo llamado Button.tsx … Leer más
Tiempo de lectura: 2 minutosVerdaccio es un servidor ligero que te permitirá manejar tus propias librerías de NPM de forma privada. En este tutorial, te enseñaré cómo crear un repositorio privado NPM con Verdaccio y Docker. Paso 1: Crear un archivo docker-compose.yml Crea un archivo llamado docker-compose.yml en tu proyecto y agrega el siguiente contenido: Ahora vamos a crear … Leer más
Tiempo de lectura: 2 minutosHoy vamos a compartir una lista de comandos más útiles para usar en NPM. Comandos más útiles de npm (Node Package Manager), junto con una breve descripción de lo que hacen: Comandos Básicos Gestión de Dependencias Información y Búsqueda Limpieza y Mantenimiento Publicación Autenticación y Gestión de Usuario Estos comandos deberían cubrir la mayoría de … Leer más
Tiempo de lectura: < 1 minutoHoy os comparto un comando muy simple para poder ver el listado de librerías globales instaladas en NPM y controlar el número de versiones. Con este comando podrás ver la lista de librerías instaladas de forma global en NPM. Y devolverá la lista: isMa Ingeniero en Informática, Investigador, me encanta crear cosas o arreglarlas y … Leer más
Tiempo de lectura: < 1 minutoSi queremos borrar las dependencias instaladas a nivel de proyecto (no global) dentro de nuestro proyecto de React tenemos que hacer lo siguiente: Borrar la carpeta llamada node_modules.rm node_modules Borrar package-lock.json:rm package-lock.json Ahora si queremos reinstalar de nuevo las dependencias tendremos que ejecutar Y de esta forma podemos restaurar las dependencias de nuestro proyecto. isMa … Leer más
Tiempo de lectura: < 1 minutoSi al instalar un paquete nos sale un texto de error como este: npm WARN config global –global, –local are deprecated. Use –location=global instead.npm ERR! code ERESOLVEnpm ERR! ERESOLVE could not resolvenpm ERR!npm ERR! While resolving: @react-navigation/[email protected] ERR! Found: @react-navigation/[email protected] ERR! node_modules/@react-navigation/nativenpm ERR! @react-navigation/native@»^5.9.8″ from the root projectnpm ERR!npm ERR! Could not resolve dependency:npm ERR! … Leer más
