Spring GDS 25è Aniversari
Una empresa de logística que envia a 190 països va construir alguna cosa per enviar-se a si mateixa.
Panda CSS
Què és Panda CSS?
Panda CSS és un motor d'estils per a aplicacions web modernes que genera CSS amb seguretat de tipus en temps de build. Escrius els estils al teu JavaScript o TypeScript fent servir les seves funcions, i Panda els compila a fitxers CSS estàtics sense enviar res al navegador en temps d'execució.
Aquest últim punt és el cor de l'assumpte. Les llibreries de CSS-in-JS més antigues, com styled-components, calculen els estils al navegador mentre la pàgina corre, cosa que afegeix pes i pot frenar el renderitzat. Panda fa la feina durant el build, així que l'usuari descarrega CSS pla i el cost de runtime és zero. Ho combina amb suport complet de TypeScript, de manera que els design tokens, els colors i els espaiats s'autocompleten i es comproven de tipus. Escriu malament un token o usa un valor fora del teu sistema de disseny i el build el caça abans que es publiqui res. Un equip que imposa un sistema de disseny estricte en una app gran és justament a qui serveix això, perquè l'editor frena els estils fora de norma a mesura que escrius.
Davant de Tailwind és on la comparació més s'acosta. Tots dos es recolzen en tokens i en estilat per utilitats, però Panda et dóna estils tipats i co-ubicats i primitives de sistema de disseny de primera classe en lloc de cadenes de classes d'utilitat. La contrapartida és un pas de build i un ecosistema més nou i petit a canvi de seguretat de tipus i cost de runtime zero.
Panda CSS a Dallonses
Fem servir Panda CSS en projectes on un sistema de disseny ha d'aguantar en una base de codi gran i tipada. El model en temps de build manté les pàgines ràpides, i la seguretat de tipus vol dir que un desenvolupador no es pot desviar en silenci dels tokens acordats sense que el build digui alguna cosa.
És una elecció deliberada, no un valor per defecte. Panda és més nou que Tailwind, així que el sospesem davant la seguretat de tipus i l'estructura que aporta abans de comprometre un client amb ell. On l'estilat ha de continuar disciplinat a mesura que un equip creix, compensa. El nostre desenvolupament web tracta l'estilat com a part de l'arquitectura, no com a decoració cargolada al final, i Panda encaixa en projectes que es prenen seriosament el seu sistema de disseny.
Vols un sistema de disseny que es mantingui consistent a mesura que creix el codi? Muntem-lo com toca.
Serveis relacionats
Treballs relacionats
Vizitio
Convertir una marca en un negoci que funciona.
Access Ticket
Mig milió de persones. Una app. Zero caos.
Preparat per a traballar junts?
Reserva una reunió
