Spring GDS 25. Jubiläum
Ein Logistikunternehmen, das in 190 Länder versendet, hat etwas gebaut, um an sich selbst zu liefern.
Preact ist eine JavaScript-Bibliothek zum Bauen von Benutzeroberflächen. Sie spiegelt die React-API, kommt aber mit rund 3 Kilobyte statt Reacts 40 und mehr. Dasselbe Komponentenmodell, dieselben Hooks, dasselbe JSX. Ein Bruchteil des Gewichts auf der Leitung.
Der Unterschied ist nicht nur die Größe. Preact spricht direkter mit dem echten DOM und nutzt einen eigenen schlanken Diffing-Algorithmus, sodass es auf schwachen Handys und langsamen Verbindungen schnell bleibt. Der meiste für React geschriebene Code läuft über die Schicht preact/compat auf Preact, die React-Importe im Hintergrund auf Preact umleitet. Das macht es für viele Projekte zu einem direkten Austausch, auch wenn Randfälle rund um synthetische Events und bestimmte Bibliotheken noch zu prüfen sind. Eine Marketing-Website, die auf 3G in unter einer Sekunde lädt, ist genau die Stelle, an der Preact sich lohnt.
Sie greifen zu React, wenn Sie das volle Ökosystem und die breiteste Bibliotheks-Kompatibilität brauchen. Sie greifen zu Preact, wenn Bundle-Größe und Ladeleistung die Beschränkung sind und Sie trotzdem eine vertraute Entwicklererfahrung wollen. Solid und Svelte ändern das mentale Modell vollständig. Preact behält Reacts Modell und kappt die Kosten.
Wir nutzen Preact, wenn ein Projekt mit der Ladezeit steht und fällt. Widgets, die sich in eine fremde Seite einbetten. Landingpages, die an Core Web Vitals gemessen werden. Alles, wo jedes Kilobyte, das der Nutzer lädt, Geld oder Aufmerksamkeit kostet.
Der ehrliche Teil ist, dass Preact nicht immer die Antwort ist. Einige React-Bibliotheken stützen sich auf Interna, die compat nicht abdeckt, und das prüfen wir, bevor wir uns festlegen. Wenn es passt, ist der Gewinn echt. Wir bringen dieselben React-Fähigkeiten, auf denen unsere Webentwicklung bereits läuft, liefern ein deutlich kleineres Bundle aus, und der Kunde bekommt eine schnellere Seite ohne Neuschreibung. Wir klären gemeinsam, ob sich der Kompromiss in Ihrem Stack lohnt.
Sie schneiden Ladezeit von einer React-App ab? Sehen wir, ob Preact passt.
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.















