POC para probar la compatibilidad de Tailwind CSS y Chakra UI.
Propuesta para trabajar con ambas tecnologías.
¿Qué ventajas nos ofrecería trabajar con ambas librerías?
La migración a V2 sería mucho más sencilla ya que hay bastantes componentes de Chakra que se pueden reutilizar.
Tendríamos la versatilidad de los estilos en línea de tailwind. Aunque ya estaban en Chakra puede que a algunos se les haga más cómodo por se un framework más estandarizado.
Ganaríamos la facilidad de los Layouts de Chakra. <Box />, <Center />, <Flex />, <Stack /> etc.
¿Qué desventajas podría presentar?
Actualmente no existe soporte para utilizar los componentes de chakra como Server Componentes.. Lo cual los obligaría a reexportar los componentes desde un fichero con la directiva "use client". Como vimos en V1, trabajar de esta forma no presentó mayores problemas que los de rehidratación.
Prueba aquí abajo los componentes!
Button with Tailwind Styles
Button with default Chakra Styles
Menu with Talwind CSS
Modal with some tailwind styles
* Pueden responder al comentario sobre esta idea. También pueden usar este misma POC para probar libremente y repotar algún bug o cosa de interés