Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Panda CSS ist eine Styling-Engine für moderne Web-Apps, die typsicheres CSS zur Build-Zeit erzeugt. Sie schreiben Styles in Ihrem JavaScript oder TypeScript mit seinen Funktionen, und Panda kompiliert sie in statische CSS-Dateien, ohne zur Laufzeit etwas an den Browser zu schicken.
Dieser letzte Punkt ist der Kern. Ältere CSS-in-JS-Bibliotheken wie styled-components berechnen Styles im Browser, während die Seite läuft, was Gewicht hinzufügt und das Rendering bremsen kann. Panda erledigt die Arbeit beim Build, sodass der Nutzer reines CSS lädt und die Laufzeitkosten null sind. Es kombiniert das mit voller TypeScript-Unterstützung, sodass Design-Tokens, Farben und Abstände autovervollständigt und typgeprüft werden. Vertippen Sie sich bei einem Token oder nutzen Sie einen Wert außerhalb Ihres Designsystems, fängt der Build es ab, bevor etwas ausgeliefert wird. Ein Team, das ein striktes Designsystem über eine große App durchsetzt, ist genau die Zielgruppe, denn der Editor stoppt normwidrige Styles schon beim Tippen.
Gegenüber Tailwind ist der Vergleich am engsten. Beide setzen auf Tokens und utility-getriebenes Styling, doch Panda gibt Ihnen typisierte, ko-lokalisierte Styles und erstklassige Designsystem-Primitive statt Utility-Klassen-Strings. Der Tausch ist ein Build-Schritt und ein neueres, kleineres Ökosystem im Gegenzug für Typsicherheit und null Laufzeit-Overhead.
Wir nutzen Panda CSS in Projekten, in denen ein Designsystem über eine große, typisierte Codebasis hinweg halten muss. Das Build-Zeit-Modell hält Seiten schnell, und die Typsicherheit bedeutet, dass ein Entwickler nicht still von den vereinbarten Tokens abdriften kann, ohne dass der Build etwas sagt.
Es ist eine bewusste Wahl, kein Standard. Panda ist neuer als Tailwind, also wägen wir das gegen die Typsicherheit und Struktur ab, die es bringt, bevor wir einen Kunden darauf festlegen. Wo das Styling diszipliniert bleiben muss, während ein Team wächst, zahlt es sich aus. Unsere Webentwicklung behandelt Styling als Teil der Architektur, nicht als Dekoration, die am Ende angeschraubt wird, und Panda passt zu Projekten, die ihr Designsystem ernst nehmen.
Wollen Sie ein Designsystem, das konsistent bleibt, während die Codebasis wächst? Richten wir es richtig ein.
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Eine Marke in ein funktionierendes Geschäft verwandeln.
Eine halbe Million Menschen. Eine App. Null Chaos.















