Spring GDS 25 Aniversario
Una empresa de logística que envía a 190 países construyó algo para enviarse a sí misma.
Panda CSS
¿Qué es Panda CSS?
Panda CSS es un motor de estilos para aplicaciones web modernas que genera CSS con seguridad de tipos en tiempo de build. Escribes los estilos en tu JavaScript o TypeScript usando sus funciones, y Panda los compila a ficheros CSS estáticos sin enviar nada al navegador en tiempo de ejecución.
Ese último punto es el corazón del asunto. Las librerías de CSS-in-JS más antiguas, como styled-components, calculan los estilos en el navegador mientras la página corre, lo que añade peso y puede frenar el renderizado. Panda hace el trabajo durante el build, así que el usuario descarga CSS plano y el coste de runtime es cero. Lo combina con soporte completo de TypeScript, de modo que los design tokens, los colores y los espaciados se autocompletan y se comprueban de tipo. Escribe mal un token o usa un valor fuera de tu sistema de diseño y el build lo caza antes de que se publique nada. Un equipo que impone un sistema de diseño estricto en una app grande es justo a quien sirve esto, porque el editor frena los estilos fuera de norma según escribes.
Frente a Tailwind es donde la comparación más se acerca. Ambos se apoyan en tokens y en estilado por utilidades, pero Panda te da estilos tipados y co-ubicados y primitivas de sistema de diseño de primera clase en lugar de cadenas de clases de utilidad. La contrapartida es un paso de build y un ecosistema más nuevo y pequeño a cambio de seguridad de tipos y coste de runtime cero.
Panda CSS en Dallonses
Usamos Panda CSS en proyectos donde un sistema de diseño tiene que aguantar en una base de código grande y tipada. El modelo en tiempo de build mantiene las páginas rápidas, y la seguridad de tipos significa que un desarrollador no puede desviarse en silencio de los tokens acordados sin que el build diga algo.
Es una elección deliberada, no un valor por defecto. Panda es más nuevo que Tailwind, así que lo sopesamos frente a la seguridad de tipos y la estructura que aporta antes de comprometer a un cliente con él. Donde el estilado tiene que seguir disciplinado a medida que un equipo crece, compensa. Nuestro desarrollo web trata el estilado como parte de la arquitectura, no como decoración atornillada al final, y Panda encaja en proyectos que se toman en serio su sistema de diseño.
¿Quieres un sistema de diseño que se mantenga consistente a medida que crece el código? Montémoslo como toca.
Servicios relacionados
Trabajos relacionados
Vizitio
Convertir una marca en un negocio que funciona.
Access Ticket
Medio millón de personas. Una app. Cero caos.
¿Listo para trabajar juntos?
Reservar una reunión
