Was ist neu in Preact für 2026?

Wenn Sie Preact für ein Produktionsprojekt im Jahr 2026 evaluieren, hat sich die Landschaft verändert. Zwischen einem kritischen Sicherheitspatch, der Preact 11 Beta und bedeutenden Veränderungen im Ökosystem gibt es praktische Informationen, die Sie vor Ihrer Entscheidung benötigen.

Der Sicherheitspatch vom Januar 2026

Im Januar 2026 veröffentlichte Preact einen Sicherheitsfix, der eine VNode-Constructor-Strict-Equality-Schwachstelle behebt (gepatcht in den Releases 10.26.10 / 10.27.3 / 10.28.2 auf GitHub). Diese Änderung stellt sicher, dass nur echte VNode-Instanzen, die von Preact erstellt wurden, intern akzeptiert werden.

Zuvor konnten speziell präparierte Plain Objects (beispielsweise aus JSON-Input) mit VNodes verwechselt werden, was in Grenzfällen potenziell unsichere DOM-Injection und XSS-ähnliche Angriffsvektoren ermöglichte. Wenn Sie Preact 10.x verwenden, aktualisieren Sie sofort – der Fix ist abwärtskompatibel und erfordert keine Code-Änderungen.

Preact 11 Beta: Was sich tatsächlich ändert

Die Preact 11 Beta führt bedeutende Updates ein, ist aber noch nicht stabil. Planen Sie keine Produktionsmigrationen darauf, bis ein finales Release erscheint.

Hydration 2.0

Die bedeutendste Änderung ist Hydration 2.0. Zuvor mussten Komponenten, die während der Hydration suspendierten, exakt einen DOM-Knoten zurückgeben. Preact 11 entfernt diese Einschränkung – Komponenten können nun null oder mehrere Knoten zurückgeben:

function LazyAnalytics() {
  // Valid in Preact 11: returns null
  return null
}

function MultipleElements() {
  // Valid in Preact 11: returns fragment with multiple children
  return (
    <>
      <p>First</p>
      <p>Second</p>
    </>
  )
}

Dies ermöglicht flexiblere SSR-Muster und vereinfacht das Komponenten-Design für asynchrone Grenzen.

Hook-Abhängigkeits-Gleichheit

Preact 11 wechselt bei Hook-Abhängigkeitsprüfungen von loser Gleichheit zu Object.is. Dies behebt Grenzfälle mit NaN-Vergleichen in useEffect, useMemo und useCallback. Wenn Sie zuvor Workarounds für die NaN-Behandlung verwendet haben, werden diese überflüssig.

Verbesserungen bei der Ref-Behandlung

Preact 11 verbessert die Handhabung von Refs für Funktionskomponenten, reduziert die Notwendigkeit für explizites forwardRef in vielen Szenarien und gleicht sich stärker an das moderne React-Verhalten an. Die genaue API-Oberfläche entwickelt sich in der Beta noch, daher sollten Bibliotheksautoren dies bis zum stabilen Release als vorläufig betrachten.

Zu beachtende Breaking Changes

• Die Unterstützung für Legacy-Browser (einschließlich IE11) wird vollständig eingestellt.
• Einige Legacy-Verhaltensweisen wie die Behandlung von defaultProps und automatisches px-Suffixing sind nun auf preact/compat beschränkt.

Preact-Tooling 2026: Ökosystem-Veränderungen

Die Tooling-Situation hat sich erheblich verändert. Das Verständnis dieser Veränderungen verhindert, dass Sie auf veralteten Grundlagen aufbauen.

Vite ersetzt preact-cli

preact-cli ist nicht mehr das empfohlene Scaffolding-Tool und wird weitgehend nicht mehr gewartet. Neue Projekte sollten Vite mit dem Preact-Preset verwenden. Vite bietet schnellere Builds, besseres HMR und aktive Wartung.

preact-iso statt preact-router

preact-router stagniert. Für neue Anwendungen ist preact-iso die empfohlene Routing-Lösung. Es ist schlanker, wird aktiv gewartet und für moderne Preact-Muster konzipiert.

Signals: Optionales State Management

Preact Signals bietet reaktives State Management als First-Party-Bibliothek. Es ist nicht Teil des Preact-Cores – Sie müssen sich explizit dafür entscheiden. Signals funktionieren gut für feinkörnige Reaktivität, sind aber für typische Anwendungen nicht erforderlich.

Preact vs. React-Kompatibilität in 2026

Die preact/compat-Schicht bietet gute Abdeckung für die Ausführung von React-Bibliotheken, aber es bleiben Lücken. React 19-Features wie der use()-Hook werden noch nicht unterstützt. Wenn Ihr Projekt von hochmodernen React-APIs abhängt, überprüfen Sie die Kompatibilität vor der Festlegung.

Für die meisten React-Bibliotheken – Routing, State Management, UI-Komponenten – funktioniert preact/compat zuverlässig. Die Preact 11 Beta verbessert dies weiter, indem sie die Verhaltenskompatibilität in Bereichen wie der Ref-Behandlung verschärft.

Wann Preact sinnvoll ist

Preact bleibt überzeugend für Bundle-Size-beschränkte Umgebungen. Shopifys API-Update vom Oktober 2025 schreibt Preact für UI-Erweiterungen mit einem strikten 64-KB-Limit vor. Ähnliche Einschränkungen existieren bei eingebetteten Widgets, PWAs und performance-kritischen Landing Pages.

Wenn Bundle-Größe kein primäres Anliegen ist und Sie vollständige React 19-Kompatibilität benötigen, kann React selbst einfacher sein.

Praktische Empfehlungen

Für Preact 2026-Updates sollten Sie jetzt Folgendes tun:

1. Wenden Sie den Sicherheitspatch vom Januar 2026 auf alle Preact 10.x-Projekte an
2. Verwenden Sie Vite für neues Projekt-Scaffolding
3. Wählen Sie preact-iso für Routing in neuen Anwendungen
4. Warten Sie mit Preact 11 für die Produktion – beobachten Sie die Beta, aber migrieren Sie noch nicht
5. Testen Sie preact/compat gegen Ihre spezifischen React-Abhängigkeiten vor der Festlegung

Fazit

Preact bleibt eine solide Wahl für größensensitive Produktionsarbeit. Das Ökosystem reift mit klareren Tooling-Empfehlungen und verbesserter React-Kompatibilität. Wenden Sie den Sicherheitspatch sofort an, übernehmen Sie Vite und preact-iso für neue Projekte und beobachten Sie die Preact 11 Beta, ohne überstürzt zu migrieren. Mit aktuellen Informationen können Sie veraltetes Tooling vermeiden und echte Kompatibilitätsgrenzen verstehen.

FAQs

Gain Debugging Superpowers

Unleash the power of session replay to reproduce bugs, track slowdowns and uncover frustrations in your app. Get complete visibility into your frontend with OpenReplay — the most advanced open-source session replay tool for developers. Check our GitHub repo and join the thousands of developers in our community.