PrimeVue | La Biblioteca de Componentes UI de Próxima Generación

Hola, bienvenidos a la presentación sobre Prime Vue, la suite de componentes UI de próxima generación. En esta charla, hablaré sobre Prime Vue y cómo Vue.js nos ayudó a construir esta completa biblioteca de UI.

Entonces, sobre Prime Tech, la empresa detrás de Prime Vue, en realidad somos un proveedor de bibliotecas de componentes UI, eso es lo único que hacemos. Comenzó con Prime Faces para Java, y ahora tenemos la versión Angular, Prime NG, Prime React, y finalmente, el tema de hoy, Prime Vue. En total, tenemos más de 150 millones de descargas en todo el mundo, y nuestras bibliotecas se están volviendo más populares cada día. Estos son de código abierto, de uso gratuito, y nuestro modelo de negocio se basa en algunos complementos.

Entonces, ¿qué tenemos en Prime Vue? Tenemos más de 90 componentes, desde selectores de fecha, hasta botones, hasta componentes avanzados como tablas y cuadrículas, y también tenemos la accesibilidad incorporada en la que hemos trabajado muy duro. Además, ofrecemos el modo con estilo y el modo sin estilo. El modo con estilo es la biblioteca UI regular que proporciona temas persistentes. Y el modo sin estilo te ofrece un enfoque libre para hacer lo que quieras para estilizar. Entonces, también tenemos las plantillas de Vue.js en caso de que quieras comenzar con algo listo, y bloques prime, más de 400 bloques en caso de que quieras copiar y pegar secciones de UI en tus páginas para construir las tuyas propias. Y para tus diseñadores, tenemos el Kit de UI de Figma. Así que muchas cosas. Y la mayoría de estos están bajo MIT, toda la biblioteca de componentes está bajo MIT, y los complementos pagos son como esos bloques y plantillas de Vue.js, así que no hay muro de pago.

Así que comencemos esto, quiero decir, hemos estado trabajando en el desarrollo de esta biblioteca de UI desde 2008, así que 16 años ahora, y hemos visto muchas tendencias ir y venir. Y la pregunta sigue siendo, ¿qué hace que un componente de UI sea bueno? Y la respuesta es, en realidad no hay una sola respuesta. Lo que funciona para alguien puede no funcionar para otra persona. Así que hemos tomado un enfoque diferente con Prime Vue. Intentamos cubrir mucho terreno. Por eso introdujimos Unstyled Mode y Styled Mode. Pero en su núcleo, tenía que ser accesible. Tenía que ser personalizable porque estás creando estos componentes no para ti mismo, no para un requisito específico, sino que es para uso público, uso común. Así que tiene que cubrir muchos requisitos. Así que proporcionamos muchos eventos, callbacks para que te conectes, y muchas plantillas para proporcionar tu propia UI. Y la mayoría de los componentes proporcionan headless mode, para que puedas reemplazar la UI personalizada. Y en caso de que estés usando algo como Tailwind, también puedes estilizarlo con Tailwind. O si te gusta otra cosa, quiero decir, es realmente, realmente flexible y bastante completo, como mencioné. Así que más de 90 componentes, desde tablas hasta menús desplegables, calendarios, todos estos son gratuitos y licenciados bajo MIT. Y tenemos nuestro propio sistema de diseño, pero también puedes usarlo con otro estilo, como mencioné, que cubriré en detalle.

Lo principal es la accesibilidad. Quiero decir, creo que es algo pasado por alto, principalmente por los autores de bibliotecas de componentes de UI, desafortunadamente, pero hay leyes y hay muchos requisitos específicos últimamente. Y pasamos mucho tiempo, un par de meses en esto para la conformidad con WCAG. Usamos HTML semántico tanto como podemos. Si eso no funciona, si es demasiado limitante, recurrimos a filas y atributos de área. Y para los colores, nos aseguramos de que los colores pasen las pruebas de accesibilidad. Y el soporte para teclado es en caso de usuarios que no pueden usar los punteros y el mouse, o simplemente prefieren usar el teclado. Y los lectores de pantalla también están disponibles en caso de que tu usuario requiera un lector de pantalla para interactuar con tu página. Y eso es lo principal al respecto. El Prime View es accesible por diseño. Ves que algunas bibliotecas de componentes dependen de ciertos estilos, como Material, pero en Prime View, tenemos nuestro propio diseño. Pero también puedes cambiarlo a otro diseño como Material. De hecho, tenemos temas para Material design y también un par de temas basados en lo que nuestro equipo de diseño ha creado. Y la pregunta sigue siendo, ¿con estilo o sin estilo? Esa es la pregunta común que recibimos constantemente. El modo con estilo es como proporciona componentes preestablecidos de los que eliges.

Tenemos los design tokens, por lo que basándote en los design tokens, podrás personalizarlo. Está bastante, digamos, bien especificado. Pero si te gusta algo que llamamos freestyle, entonces vas sin estilo, usas algo como Tailwind. No hay una API que aprender, realmente estricta API, y puedes simplemente usar cualquier clase de Tailwind en esos componentes, y puedes simplemente estilarlos como te guste.

Así que el modo con estilo es este. Tenemos un par de temas, pero Aura es el último. Y nuestro equipo de diseño ha pasado mucho tiempo creando esta plantilla de aspecto profesional. Y tiene diferentes modos, diferentes... Puedes personalizar fácilmente los colores, todos los colores y superficies, los bordes, todo. Los visuales de enfoque y la mayoría de las partes, las sombras están disponibles para ser personalizadas para que puedas ajustarlo a tus propias necesidades.

Y si necesitas algo que se vea bien desde el principio, entonces el modo con estilo probable es para ti. Y el modo sin estilo se implementa de una manera que Vue.js nos permitió hacerlo muy fácilmente. Así que en una biblioteca regular, tienes los componentes. Renderizan algunas clases CSS específicas como P algo, como en este caso, PInputText. Y si lo configuras sin estilo a verdadero globalmente, o también puedes usarlo en un cierto componente, esos selectores CSS no se renderizan en el DOM, lo que significa que perderán su estilo. Y también puedes hacerlo con la propiedad sin estilo para que puedas elegir un cierto componente para que no tenga estilo. Así que sin estilo significa que es funcional, completamente funcional, la accesibilidad está ahí, pero cuando lo ejecutas, verás un aspecto transparente. No será realmente atractivo. Así que eso significa que tienes que estilizarlo de alguna manera.

En ese caso, las propiedades mágicas, los atributos de paso entran en juego. Así que usualmente esto es algo que hemos visto de la comunidad después de desarrollar estas bibliotecas durante años. Así que algunos usuarios prefieren componentes de buen aspecto desde el principio, pero algunos usuarios realmente necesitan personalizarlos. Para ellos, estos son como componentes de caja negra, ¿verdad? Simplemente agregas el nombre de la etiqueta e interactúas, pero incluyen muchos elementos del DOM. En este caso, te gustaría acceder a los internos del componente. Puedes usar estos atributos de paso. Así que, por ejemplo, este drop-down tiene muchos elementos del DOM, como listas, panel, el icono de cerrar y así sucesivamente. Así que puedes personalizarlos fácilmente y acceder a ellos. Puedes agregar clases, puedes agregar cualquier atributo al DOM, como IDs de prueba o algo. Por ejemplo, este drop-down tiene un elemento raíz y un icono de borrar. Puedes agregar eventos y todo, y puedes usarlo localmente para un componente específico, o puedes usarlo globalmente para todos los drop-downs.

Y que el PT global, lo que llamamos es la forma de estilizar la versión sin estilo de la prime view. De hecho, hemos creado un proyecto de tailing CSS basado en esto. Así que el pass-through es una sintaxis a la que necesitas acostumbrarte. Y proporcionamos un enfoque programático y un enfoque declarativo para que puedas elegir entre los dos. El programático es más flexible, con condicionales y demás. Pero una vez que te acostumbras a esta API, te das cuenta de que es totalmente personalizable y totalmente flexible.

Y aquí hay un ejemplo que uso. Por ejemplo, estaba navegando por el servidor de Discord. Había un usuario preguntando, ¿cómo puedo simplemente limpiar el filtro cuando el usuario hace clic en ese icono de búsqueda? Ese icono de búsqueda está ahí con fines decorativos. Así que lo que sugerí fue simplemente usar un PT y la clave del icono de filtro está ahí. Te pasa el estado, y puedes agregar clases, los datos, el sitio, o lo que sea, solo como un ejemplo. Y ese atributo onClick está ahí. Tienes el estado, estos son typesafe. Así que en caso de que estés usando TypeScript, puedes acceder a todas estas variables también porque PrimeView tiene un soporte muy bueno para TypeScript, y podrás limpiar el filtro fácilmente.

Así que en un escenario regular, con una biblioteca tradicional, tienes que ir a GitHub, crear un issue, y decir que necesito este evento llamado onFilter. Puedo hacer clic para que pueda limpiar el filtro. Pero ese no es el caso con PrimeView. No estamos realmente atados al Compound Library Router porque el PT te permite hacer muchas cosas que no están disponibles en muchas otras bibliotecas. Así que como el PT te permite pasar estilos, PrimeView es en realidad una biblioteca interesante porque puedes usar Tailwind sin realmente depender de Tailwind, porque en PrimeView, no queremos depender de Tailwind porque es otra biblioteca CSS para nosotros. Tenemos nuestras propias cosas, nuestra propia API.

Pero los usuarios que les gusta usar mucho Tailwind en sus aplicaciones, pueden querer integrar sus clases de Tailwind en los Compounds también. Por eso hemos elegido este camino. Y eso no es Tailwind. En el ecosistema de Vue, Uno CSS es probablemente muy popular también, pero también puedes usar Boom y Bootstrap, no para todos los Compounds, pero porque tienen clases altamente abiertas como Dropdowns y Buttons, y esperan una cierta estructura de DOM. Pero Uno CSS y Tailwind son el ajuste perfecto. Por eso hemos creado este proyecto llamado Tailwind Presets. Los Tailwind Presets son como una configuración global de PT que puedes habilitar. Y cuando configuras onStyle a true, los Compounds reciben su estilo de tus Tailwind PT Presets. Como no están disponibles en NPM, solo necesitas obtenerlos de GitHub, de nuestra herramienta CLI o simplemente usar el constructor de UI para Preset Builder para que puedas tomar los Compounds que te gusten. Y necesitas copiarlos a tu página para que aunque PrimeVue venga de NPM, el estilo esté en tu proyecto para que puedas ajustar cosas y cambiar cosas fácilmente.

Consulta el proyecto Tailwind Presets, que te permitirá construir tus propias bibliotecas de UI también. De hecho, tenemos la Preset Gallery, los presets impulsados por la comunidad, y no solo presets, solo por ejemplo, he creado un par de muestras como cómo hacer un material input switch, snack bars, material inputs, y así sucesivamente. Y en realidad es fácil construir el tuyo propio. Esta es una tendencia común que he visto principalmente en empresas. Querían, los desarrolladores han sido encargados de, quiero decir, crear su biblioteca de UI interna, pero no tienen mucho tiempo y recursos. Así que PrimeVue onStyledMode es el ajuste perfecto porque el modo de onStyledMode no es dogmático, ¿verdad?

Así que, por ejemplo, aquí hay un input switch que está basado en un PrimeVue, es un onStyledMode, y usando los atributos heredados, que es la característica mágica de Vue. Así que vinculamos cualquier atributo que veamos del usuario al input switch. Tenemos un PT. El PT es para tu, en caso de que seas Tailwind, tu propia clase dogmática. Y luego, ya que lo estás envolviendo en tu ToggleSwitchSfc, componente de archivo único, podrás usar ToggleSwitch basado en PrimeVue switch, pero el usuario no sabe sobre el PrimeVue. Están usando tu propia biblioteca de UI. Así que obtienes accesibilidad en todas las características de inmediato. Solo conectas tu propio estilo. Y puedes distribuirlo entre diferentes aplicaciones.

Y el kit de UI de Figma está ahí en caso de que estés trabajando con un equipo de diseño en tu aplicación. Tenemos nuestro propio kit de UI de Figma. Nuestro equipo de diseño ha creado esto, y actualmente es la versión dos y la versión tres está por venir con una gran actualización. Estamos actualizando nuestros tokens de diseño. Así que en caso de que tus diseñadores necesiten diseñar las páginas usando Figma, pueden tomar nuestro kit de UI de Figma. Por favor, ten en cuenta que esto también es de pago. Y los Prime blocks, hemos estado haciendo bloques desde 2018 o 17, no sé. He estado haciendo esto durante mucho tiempo, así que simplemente perdí la noción del tiempo. Así que los Prime blocks son como listos para copiar y pegar. Están basados en Primeflex ahora mismo, pero se están moviendo a Tailwind para que puedas simplemente... La misma idea sobre Tailwind UI porque este tema de bloques es mucho. Creo que muchas personas han comenzado a hacer esto, pero tenemos muchos bloques. Creo que más de 450 bloques, páginas de aterrizaje, bloques de marketing, bloques de aplicación, y muchas cosas. Los Prime blocks se están moviendo a primeblocks.org para que puedas iniciar sesión, ver los Prime blocks, elegir entre Vue y otras versiones también. Están listos para copiar y pegar, así que los copias y los pones en tu aplicación y comienzas a usarlos. En caso de que no lo estés, solo quieres construir tu UI, como la página de aterrizaje tú mismo o tu panel de control tú mismo, tenemos diferentes paneles de control también, Prime blocks, la opción podría ser para ti también.

Y finalmente, tenemos las vid templates. En caso de que no quieras construir tu propia UI con los bloques, todos los bloques funcionan bien con las plantillas. En caso de que necesites alguna plantilla de UI profesionalmente diseñada y abierta, por favor visita nuestra galería de plantillas. Tenemos un par de ellas que puedes elegir. Son bastante flexibles. Tienen diferentes modos de menú y diferentes temáticas.

Muy bien. Así que la versión de próxima generación es la versión cuatro. Esa es la próxima versión de Prime Vue, y ha cambiado muchas cosas en la UI Así que el mayor cambio es la API de theming en la versión tres. Dado que hemos estado haciendo esto durante mucho tiempo, cuando comenzamos en 2008, no había muchas variables CSS, ni SASS ni nada. Así que seguimos actualizando nuestras bibliotecas cada tal vez cinco años porque el patrón es que cada cinco años hay un salto tecnológico, y ese es el momento ahora en 2004. Así que ahora estamos dejando SASS, y dado que puedes hacer variables CSS y anidamiento CSS, SASS realmente no es necesario más.

El theming era solo otro repositorio. Compilas el tema CSS y editas tu proyecto, lo cual no era realmente súper reshakeable. Ahora lo estamos moviendo al núcleo como CSS regular, y no hay un archivo CSS de tema grande y voluminoso. El cambio de modo oscuro es en el pasado teníamos que, en la versión tres, teníamos que cambiar el tema CSS. Ahora todo es dinámico gracias a las variables CSS. Y lo genial es que es totalmente compatible con Figma para que puedas generar temas desde Figma usando nuestro próximo plugin de Figma. Así que todo está basado en tokens de diseño. Es el sistema de última generación del que estamos realmente orgullosos. Tienes los tokens primitivos, tokens semánticos y los tokens de componentes. Los tokens primitivos son los tokens que no tienen ningún contexto como azul 500, nada. Solo colores o como P3, como el padding tres. Simplemente no tienen ningún significado. Pero los tokens semánticos son como el color primario que cuando lo lees, entenderás el contexto. Y el color primario se asigna al color primitivo como azul 500. Y los tokens de componentes como botón, fondo, checkbox, fondo de verificación, panel, color de borde en realidad dependen de los colores semánticos. Puedes elegir intercambiar los colores primitivos, colores semánticos o colores de componentes. Todo depende de ti. Si tienes personalizaciones ligeras, opta por la personalización de tokens semánticos.

Como mencioné, estos se mapean al kit de UI de Figma para que puedas generar temas desde Figma. Y están mapeados a las variables CSS en el código.

Así que aquí está la API de theming de V4. Importamos presets. Los presets son el conjunto de tokens de diseño. Así que alimenta a Prime Vue para decidir cómo se verá el tema. El Aura en este caso proporciona diferentes sombras para entradas, diferentes bordes, diferentes visuales de enfoque, anillos de enfoque, y así sucesivamente. Y las opciones son cómo sería este CSS generado en caso de que desees personalizar el prefijo de la variable CSS, o en caso de que desees dejar el modo oscuro al usuario, en caso de que desees una capa CSS para la personalización del usuario. Todo esto está disponible. Y este Aura es actualmente el actual. Y proporcionaremos más presets en Material 2.3. Y podrás conectar tu propio conjunto de tokens de diseño para personalizar completamente el theming.

Como mencioné, estamos trabajando arduamente con nuestro equipo de diseño para asegurarnos de que estos tokens se mapeen a las variables reales de Figma y tokens de Figma, para que nuestro próximo plugin de Figma pueda generarlos porque tus diseñadores pueden crear el tema más atractivo, pero será responsabilidad del desarrollador implementarlo en el código, lo cual requerirá un proceso manual. Y hay muchos tokens. Así que en este caso, nuestro plugin lo hará automáticamente por ti, y será muy fácil de mantener. Y el nuevo diseñador de UI es que, en caso de que no estés trabajando con Figma, puedes iniciar sesión en el sitio web del diseñador, y habrá demostraciones de componentes para cada componente. Y en el lado derecho, podrás cambiar todo como colores y demás, y la exportación te dará el diseño, y será compatible con Figma para que puedas simplemente importar el archivo JSON de Figma y colocarlo para que sea una vinculación bidireccional con Figma en caso de que estés usando Figma.

Así que Primeflex CSS era nuestra biblioteca CSS, pero ahora con el proceso de Tailwind CSS y los próximos componentes de layout y tipografía, hay demasiada superposición. Así que nos estamos alejando de Primeflex y reemplazando con los componentes de layout y tipografía en modo start y en modo on start. Creo que los usuarios suelen usar algo como Tailwind o Bootstrap. Así que estamos proporcionando nuevas muestras gratuitas, como los tableros gratuitos que están por venir. Serán implementados con componentes de layout y tipografía y también Tailwind. Así que para darte una idea de lo que puedes construir con PrimeVue, estos también están en progreso y estarán disponibles de forma gratuita, al igual que PrimeBlocks estará disponible con muchos nuevos bloques gratuitos. Y ten en cuenta que también tenemos una plantilla gratuita llamada Sakai de Costa de Tsushima.

Así que Prime CLI, las herramientas de línea de comandos CLT también están en versión beta. Te permite iniciar un proyecto NUX, un proyecto VIT. Lo habilitará porque PrimeVue tiene soporte premium para NUX con nuestro propio módulo NUX, y el Tailwind Preset Manager podrá obtener estos presets de GitHub y sincronizar y actualizarlos. Y la asistencia para la migración podrá proporcionar, ya sabes, migración de código de las diferentes versiones de PrimeVue. Y finalmente, Primeflex a Tailwind, en caso de que estuvieras usando Primeflex intensamente, aunque hay similitudes entre clases, esta herramienta PF2TW podrá convertir el código de Primeflex a Tailwind. Bien, finalicemos con la hoja de ruta.

Q1 está hecho, V4 beta está disponible, y la versión final está muy cerca, pero a principios de Q2. En el segundo trimestre, trabajaremos en el tema Figma2. Los componentes de trabajo de diseño y tipo de plugin están por salir. Los usuarios han estado pidiendo una biblioteca de formularios. Proporcionaremos una biblioteca de formularios integrada para validaciones y para obtener, recopilar los datos de varios componentes. El soporte RTL llegará en el segundo trimestre. Nuestro Tailwind está en progreso, y también el preset de material para nuestro nuevo theming está por llegar porque nos gustaría cubrir los materiales también.

En el tercer trimestre, ofreceremos el UI Designer, y abordaremos el conjunto avanzado de componentes de PrimeView. Estos, quiero decir, nuestro trabajo es crear componentes de UI. Ahora, PrimeView se mueve al siguiente canal, finalmente podemos abordar estos componentes complejos de alta carga como los gráficos de Gantt, hojas de cálculo, editores HTML, diagramas de flujo y calendarios de eventos. Serán parte porque PrimeView no es solo, ya sabes, componentes en vivo simples. Está creado para abordar también los requisitos empresariales. Y el UI Builder es algo que realmente nos entusiasma. Y luego planeamos soporte para que sea una herramienta de arrastrar y soltar, y puedas vincular el backend, para que incluso puedas desplegarlo desde la aplicación.

Muy bien, en nombre de nuestro equipo en PrimeTech, me gustaría agradecerte. Y PrimeView se está convirtiendo en la biblioteca de UI más completa y más comprensiva. Estamos un poco obsesionados con ello, obsesionados con el éxito, y eso es lo único que hacemos. Solo desarrollamos bibliotecas de componentes de UI. No consultamos entrenamientos, solo nos enfocamos en los componentes. Así que puedes seguir los desarrollos en PrimeView o en mi propio Twitter. Y nos gustaría darte la bienvenida a nuestras discusiones en GitHub y al servidor de Discord.

Y en nombre de nuestro equipo, me gustaría agradecerte por acompañarme. Y siempre apuesta por Prime, gracias.

Como puedo ver, la encuesta está bastante cerrada. A muchas personas les gustan tanto los estilos sin estilo como los con estilo. Primero, una ligera preferencia por los sin estilo. Quiero decir, eso tal vez tenga sentido en términos de personalización para quizás como empresas más grandes. ¿Qué piensas sobre el resultado, Csatay? Sí, eso es lo que esperaba en realidad, porque hemos estado haciendo este desarrollo de bibliotecas de componentes durante mucho tiempo. Y esta es la cosa, este es el resultado que hemos visto en la comunidad también, porque algunos usuarios, no hay una solución única. Algunos usuarios prefieren el modo sin estilo donde quieren personalizar componentes de UI, y algunos usuarios, solo quieren pre-estilados que se vean bien. Tiene que verse bien, por supuesto, pero quieren que esté pre-estilado, pero tienen algunas personalizaciones mínimas aquí y allá. El modo con estilo está más definido. Quiero decir, hay una API de token de diseño en la versión que será mucho mejor, por supuesto, con un enfoque específico en la arquitectura de tokens de diseño. Y sin estilo, quiero decir, eres libre. Este modo libre que llamamos. La elección popular es, por supuesto, Tailwinds, pero puedes usarlo con Uno CSS también, y algunos componentes que encajan con Bootstrap y cosas así. Así que no estoy sorprendido, y esto es lo que hemos visto de nuestra comunidad también. Pero es agradable ofrecer opciones, ya sabes, para que la gente pueda elegir el enfoque de tematización que prefieran. Sí. Y eso también es como usualmente el punto de dolor con las bibliotecas de UI es el hecho de que no son lo suficientemente personalizables. Así que eso es muy bienvenido.

Sí. Pasemos a las preguntas y respuestas. Así que tenemos bastantes preguntas. Tal vez comencemos por, ¿cuándo sabes, cuándo crees que se lanzará Prime Vue 4? ¿Tienes como alguna ETA? Sí, se suponía que se lanzaría ya, pero quiero decir, tenemos algunos retrasos, pero con suerte en mayo. Definitivamente la próxima semana habrá una nueva versión beta 2 y la semana siguiente habrá una tercera beta y luego habrá RC. Así que si sigues este cronograma, mediados de mayo suena como el lanzamiento de nuestro primer candidato de lanzamiento. Y luego, por supuesto, seguiremos mejorándolo después de Vue 4. Algunas de las características no encajan en Vue 4 porque no queremos retrasarlo. Seguiremos trabajando en los problemas, pero digamos mediados de mayo.

Bien, perfecto. Gracias. Sí, quiero decir, eso está llegando muy rápido, así que eso es bueno.

Sí. Hay uno. Entonces, el pass-through PT es una cadena de estilo. ¿Existe una herramienta de desarrollo para esto, resaltado de sintaxis, tipo de caché? Tiene dos modos, en realidad. Hay un modo de cadena. El modo de cadena, desafortunadamente, se ha lanzado recientemente. Así que no hay soporte de herramientas, pero con el enfoque de sintaxis de objeto regular hay, por supuesto, soporte de herramientas. Pero tenemos planes para proporcionar algunas extensiones de VS Code, compilación de código, especialmente en el PT. Así que esa es una de las cosas para mejorar la experiencia del desarrollador. También recibimos este feedback, y también tenemos planes para proporcionar una extensión de IDE para esto.

Bien, increíble. Gracias. Así que hay uno que dice, no estoy seguro si entendí correctamente, ¿se duplicará Primeflex y necesitamos usar el modo de desinstalación con Tailwind en su lugar? Sí, sí, una vez que nos dimos cuenta de que estábamos intentando demasiado. Primeflex es uno de ellos. Quiero decir, nuestro trabajo es proporcionar componentes de UI reutilizables. Y nos dimos cuenta de que estábamos tratando de crear un marco CSS también. Por eso decidimos impulsar, y la demanda de la comunidad estaba en más Tailwinds. Y en lugar de competir, decidimos colaborar. Así que sugerimos usar Tailwinds con desinstalación principalmente. Y también proporcionamos presets de Tailwind. Para que toda la suite de UI pueda comenzar con Tailwinds. Y esa fue una decisión basada en la demanda de la comunidad y menos trabajo para nosotros para mantener.

Sí, y eso es probablemente lo mejor para que puedas centrarte en las partes importantes. Pero también hemos escrito una pequeña herramienta para convertir el código de Primeflex a Tailwinds, para que la migración pueda ser automatizada. También llegará la próxima semana. Vaya, enviando rápido. Eso es muy bienvenido porque la gente generalmente odia las migraciones de Maya.

Así que gracias de nuevo. Mencionaste expandir las capacidades de manejo de formularios. ¿También estás considerando la integración con otras bibliotecas enfocadas en formularios como FormKit? Sí, también conocimos a los chicos de FormKit y colaboramos con ellos para asegurarnos de que FormKit funcione bien con PrimeView. También validamos. Pero quiero decir, también hay una demanda de nuestra propia comunidad para proporcionar alguna biblioteca de formularios simple que haga el trabajo. No está destinada a competir con FormKit, sino que es solo una pequeña utilidad para ayudar con los formularios. Pero para casos más avanzados, por supuesto, pueden usar FormKit, pero estamos trabajando con ellos. Así que están colaborando con ellos. Y nos conocimos en conferencias e incluso tuvimos algunas discusiones en línea.

Bien. En línea, en el sitio. Sí. Perfecto. ¿Es PrimeView compatible con Vue 2.0? Tuvimos una versión. Todavía tenemos una versión para Vue 2.0, v2.primeview.org, pero está en modo de mantenimiento. Así que no puedes esperar muchas características nuevas. Así que es como, y no hacemos muchos lanzamientos, solo si hay algunos errores importantes y cosas así. Así que sugerimos usar la versión 3 y la versión 4. La versión 3 se mantendrá hasta el final del año también, para asegurar que la migración sea suave.

Bien. ¿Cómo se compara PrimeView con otras bibliotecas de UI? Creo que PrimeView es realmente comprensivo, tenemos más de ocho componentes, probablemente más de lo que una aplicación promedio necesita. Y también proporcionamos un modo con estilo y un modo sin estilo, lo cual no he visto mucho en aplicaciones en diferentes bibliotecas. Y está mantenido por una empresa. Así que, con suerte, no va a ninguna parte pronto. No es como un proyecto de hobby o un proyecto paralelo. Es principalmente un producto de código abierto. Así que muchas personas están trabajando en esto a tiempo completo. Así que un par de diferencias, diría. Sí. Estaba muy feliz de ver que se movió de un proyecto a un código abierto. Eso es muy asombroso. Creo que se nos acabó el tiempo. Si no me equivoco. Pero gracias de nuevo por todas esas respuestas y por tu increíble charla. Y nos vemos muy pronto en algún momento. Te deseo un buen día. Adiós. Adiós.