react-typewriter: Librería para simular el efecto de máquina de escribir
Para profundizar en los procesos de construcción y publicación de componentes reutilizables, creé una librería React/TypeScript que recrea el clásico efecto de máquina de escribir. El proyecto sirvió como un laboratorio para experimentar con herramientas como Rollup y Babel, optimizando la generación de paquetes npm. Además, configuré ESLint y Prettier para mantener un código limpio y consistente, y reforcé mis conocimientos en Git para el control de versiones.
Alcance del proyecto
- Creación de un componente React altamente configurable que permita personalizar la velocidad de escritura, el texto a mostrar y otros aspectos visuales.
- Utilización de Rollup y Babel para transformar el código fuente en un paquete NPM, optimizado para su distribución y consumo en otros proyectos.
- Configuración de un entorno de desarrollo con NPM para gestionar las dependencias del proyecto y asegurar su compatibilidad.
- Publicación de la librería en el repositorio de NPM, haciendo que esté disponible para cualquier desarrollador.
- Implementación de ESLint y Prettier para garantizar la calidad del código y mantener un estilo de codificación consistente.
- Uso de Git para realizar un seguimiento de los cambios en el código.
Tecnologías
- Frontend: React, TypeScript
- Construcción: Rollup, Babel
- Gestión de paquetes: NPM
- Calidad de código: ESLint, Prettier
- Control de versiones: Git
Conocimientos técnicos
- Empaquetado de módulos: Comprensión de los procesos de compilación y empaquetado de módulos JavaScript.
- Configuración de herramientas: Capacidad para configurar y personalizar herramientas de desarrollo comunes en proyectos JavaScript.
- Publicación de paquetes: Flujo de trabajo para publicar paquetes en npm y su distribución.
- Mejores prácticas: Aplicación de mejores prácticas de desarrollo de software, como la escritura de código limpio y mantenible.