Qwik — CLI Proyectos Librería

Presentación del CLI que he creado para agilizar el proceso de creación de librerías para Qwik

Anartz Mugika Ledo🤗
5 min readJul 12, 2023

Comenzamos un nuevo artículo en el que os voy a presentar una herramienta que acabo crear con el objetivo de poder facilitar el proceso de creación de librerías de componentes en unos pocos pasos mediante un CLI que contiene varias plantillas.

Esto se me ocurrió después de estar estudiando como encontrar una buena configuración de librería de componentes en Qwik basándome en lo que nos proponen desde la información oficial.

Para poder ver los detalles del paquete que he creado solo tenéis que acceder al siguiente enlace:

Bien, con esto ya podríamos empezar.

Recordad, que si queréis afianzar vuestros conocimientos de Qwik dispongo de un curso desde 0 en Qwik totalmente GRATIS:

Qwik paso a paso desde 0 al detalle

23 stories

Si queréis recibir notificaciones sobre este contenido y similares, os animo a que os suscribáis a mi lista de correo:

Solo habrá avisos con nuevos contenidos, es decir, nuevos artículos (1–3 máximo a la semana, generalmente 1).

¿Por qué razón crear este CLI?

En el mundo del desarrollo de software, la creación de librerías de componentes es una tarea común. Estas librerías nos proporcionan funcionalidades reutilizables y facilitan la creación de aplicaciones robustas y escalables.

Está claro que podemos crear nuestras librerías una y otra vez paso por paso, pero este proceso de configuración inicial y su generación de archivos y directorios puede ser muy tedioso y llevar tiempo, aparte de tener la posibilidad de cometer algún error que nos haga tener que invertir más tiempo del debido y el tiempo es oro, podemos usarlo para otros objetivos como disfrutar de hobbies como deporte, música, viajar,... Aquí es donde entra en juego el Command Line Interface (CLI) que he creado para simplificar este proceso.

Un CLI para el Desarrollo de Librerías de Componentes

Mi proyecto consiste en un CLI diseñado específicamente para facilitar el desarrollo de librerías de componentes para el Framework. Con esta herramienta, los desarrolladores de Qwik van a poder crear una nueva librería de manera rápida y sencilla, sin tener que preocuparse por la configuración inicial y la estructura de archivos.

El proceso de ejecución del CLI es muy simple. Al iniciarlo, se nos pedirán algunos detalles básicos, como el nombre del paquete, la plantilla que deseamos utilizar (en estos momentos tenemos 3) y nuestros datos personales, como el nombre, apellidos, correo electrónico y sitio web. Estos datos se utilizarán para personalizar la librería y agregar la información del autor en los archivos generados, concretamente en el package.json.

Selección de Plantillas

Una de las características destacadas de este CLI es la capacidad de seleccionar plantillas predefinidas para la creación de la librería. Actualmente, el CLI ofrece tres plantillas diferentes donde os expongo su objetivo y os enseño su vista previa con el código en marcha:

hello-logo: Esta plantilla nos va a proporcionar una librería básica con los componentes que se encuentran en la documentación oficial. Sin embargo, se han agregado algunas configuraciones adicionales para mejorar y solucionar problemas comunes, como la generación de tipos, entre otras cosas. Esta plantilla es ideal para comenzar con proyectos simples y aprender los conceptos básicos.

leaflet-map: Si estás interesado en desarrollar una librería de componentes para proyectos de mapas, esta plantilla es perfecta. Contiene todo lo necesario para visualizar un mapa, incluidas las dependencias y las configuraciones necesarias para su correcto funcionamiento. Esta plantilla se basa en un artículo escrito hace algún tiempo, brindando una base sólida para comenzar a trabajar en proyectos de mapas.

counter: Esta plantilla es un ejemplo de un contador sencillo que utiliza un custom hook como base. Es perfecta para aquellos que deseen trabajar con proyectos más avanzados y se puede utilizar como inspiración para desarrollar funcionalidades más complejas.

Generación Automática de Estructura y Dependencias

Una vez que se completan los pasos iniciales y se selecciona una plantilla, el CLI se encarga de generar automáticamente los directorios y archivos necesarios basados en la plantilla elegida.

¿Qué significa esto? Es sencillo, a partir de introducir los datos requeridos no vamos a tener que preocuparnos por la generación de la estructura de carpetas y archivos, ya que la herramienta se encargará de crearlos por nosotros.

Además, el CLI también instalará automáticamente todas las dependencias requeridas para comenzar a trabajar con la librería. Esto nos va a hacer ahorrar tiempo y esfuerzo al evitar la necesidad de configurar manualmente las dependencias una por una.

Conclusion

El desarrollo de librerías de componentes puede ser una tarea desafiante, pero gracias al CLI que he creado, este proceso se simplifica enormemente. Con solo unos pocos pasos, puedes configurar una nueva librería, seleccionar una plantilla y comenzar a trabajar de inmediato. Esto no solo ahorra tiempo, sino que también proporciona una estructura sólida y las dependencias necesarias para desarrollar librerías de alta calidad.

En resumen, mi proyecto de CLI para el desarrollo de librerías de componentes es una herramienta invaluable para cualquier desarrollador que trabaje con Qwik.

Espero que esta herramienta facilite y acelere vuestro proceso de desarrollo, permitiendo en centraros en lo importante, en crear funcionalidades innovadoras y de alto nivel.

Presencia en redes sociales

Podéis encontrarme en las siguientes redes.

--

--

Anartz Mugika Ledo🤗

[{#frontend:[#mobile:{#android, #kotlin, #ionic}}, {#web:{#angular, #qwik, #bootstrap}}],{#backend: [{#graphql, #nestjs,#express, #mongodb, #mysql}]}]