Tiempo de lectura: 2 minutos Para 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 minutos Usar 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 minutos Hoy 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 minutos Verdaccio 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 minutos Hoy 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 minuto Hoy 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 minuto Si 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 minuto Si 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/stack@6.2.2npm ERR! Found: @react-navigation/native@5.9.8npm 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
