Recursos

Recursos y herramientas que utilizo a menudo y que recomiendo a otros desarrolladores.

Sitios Web

Crea tu tienda virtual de manera rápida y sencilla. Gratis.

Darmaes es una plataforma web para emprendedores que facilita la venta de productos mediante un catálogo interactivo y pedidos por WhatsApp.

Crea tu tarjeta de presentación digital.

Crea tu tarjeta de presentación digital de manera rápida y sencilla. Puedes personalizarla con tu información, contacto y enlaces. Es una excelente opción para compartir tus datos de contacto de manera digital.

Crea mockups de tus proyectos.

Crea mockups de tus proyectos de manera rápida y sencilla. Puedes personalizarlos con tu diseño y descargarlos en alta calidad. Es una excelente opción para mostrar tus proyectos de manera profesional.

280 Iconos minimalistas personalizables con tailwind.

Estoy seguro de que todos mis proyectos tienen al menos 1 ícono de este sitio web. Son muy fáciles de usar y se pueden integrar con React y tailwind muy fácilmente.

Deja de perder el tiempo validando formularios y usa react-hook-form.

Te permite crear formularios complejos de manera sencilla. Ahora solo me enfoco en el diseño y dejo que la validación y control de los campos la haga react-hook-form. Dato importante: tiene mejor rendimiento que otras librerías similares.

Un conjunto de APIS gratuitas y de pago. 100% recomendado.

Si estás buscando una API para usar en tu proyecto, este es el lugar correcto. Puedes filtrar por categoría, idioma, autenticación, etc.

Lofi generator, música para concentrarse.

Para escuchar lofi lo prefiero por encima de YouTube, Spotify u otro reproductor, puedo disfrutar sin interrupciones, me gusta mucho su interfaz minimalista y limpia. Para mí indispensable.

Comprime imágenes sin perder calidad.

Lo utilizo mucho para comprimir imágenes, de hecho las imágenes de este sitio web las comprimí con esta aplicación. Es muy fácil de usar, sin registros ni publicidad y puedes comprimir imágenes en JPG, PNG, WebP, etc.

Extensiones de VS Code

Ordena tus clases de TailwindCSS.

Headwind. Te permite ordenar tus clases de TailwindCSS de manera automática. Es muy útil para mantener un orden en tus clases y evitar clases duplicadas.

Crea código con ayuda de un asistente.

Github Copilot. Como dice su nombre es un copiloto, te ahorra mucho tiempo al momento de escribir código repetitivo y da sugerencias. Es muy útil para agilizar el desarrollo de proyectos.

Importa automáticamente tus dependencias.

Auto Import. Ahorra tiempo al momento de importar dependencias. Deja de escribir import { algo } from "algo", en su lugar, escribe algo y presiona ctrl + espacio. Es muy útil para proyectos con muchas dependencias.

Compacta bloques de código.

Inline Fold. Te permite compactar u ocultar clases en html, js, jsx, tsx, astro, etc. Es muy útil para proyectos con Tailwind en los que tengas muchas clases html. Esta extensión aún está en desarrollo.

Muestra los errores en línea.

Error Lens. Te permite ver los errores de tu código en tiempo real en la misma línea. Es muy útil y te ahorrará tiempo al momento de depurar tu código.

Muestra una vista previa de la imagen en la línea de código.

Gutter Preview. Te permite ver una vista previa de la imagen en la línea de código. Es muy útil para proyectos con muchas imágenes.

Paquetes NPM

Convierte palabras a números.

Con spanish-word-to-number puedes convertir palabras a números sólo llamando una función, incluye cientos y miles. Ejemplo: GetNumberFromWord('doscientos treinta y cuatro') -> 234