Wenn React der "Haupt-Boeing" des Frontends ist, dann Preact war schon immer sein ultraleichtes Sportflugzeug. Und jetzt kam Preact 11 Beta - und wir haben wirklich eine neue Runde: Hydration 2.0, Ref-Unterstützung und Ablehnung von Legacy-Müll. Mal sehen, was das in einfachen Worten bedeutet.
Hydration 2.0 — kein Brei mehr beim Start
Hydration ist der Moment, in dem HTML vom Server im Browser zum Leben erweckt wird und sich in eine interaktive Anwendung verwandelt. React und das alte Preact hatten manchmal Fehler: doppelte Knoten, seltsames "Zucken" beim Laden.
Jetzt:
Der Algorithmus ist intelligenter und schneller geworden.
HTML und Client-Status funktionieren ohne Überraschungen.
SSR-Anwendungen werden reibungslos geladen, als ob Sie eine Butter-UI 🧈 in den Händen halten.
Fazit: weniger Bugs, weniger Stützen, schnelleres First Paint.
Ref-Unterstützung — endlich!
Preact war schon immer stolz auf seine Kompatibilität mit dem React-Ökosystem, aber etwas fehlte. Jetzt können Sie schreiben:
import { useRef } from 'preact/hooks';
function App() {
const inputRef = useRef();
return <input ref={inputRef} placeholder="Write something" />;
}Refs funktionieren wirklich, nicht über Umwege. Dies macht das Portieren von Code aus React noch einfacher.
Auf Wiedersehen, Legacy
In der neuen Version hat das Preact-Team beschlossen, einen Teil des alten, fragwürdigen Codes zu entfernen:
Wir haben die Khakis entfernt, die die Rückwärtskompatibilität mit den alten APIs beibehalten haben.
Wir haben das Innere aufgeräumt: weniger Konventionen und Überraschungen.
Der Code wurde kompakter und schneller.
Fazit: Weniger Müll – eine sauberere Zukunft.
React vs Preact 11
Was ist der Unterschied zwischen dem klassischen React und dem neuen Preact 11 Beta:
Kriterium | React | Preact 11 Beta |
|---|---|---|
Bündelgröße | ~40+ KB gzip | ~3 KB gzip |
Hydration | Klassisch, mit möglichen Glitches | Hydration 2.0, stabiler und schneller |
Refs | Volle Unterstützung | Jetzt unterstützt (neu 🎉) |
Kompatibilität des Ökosystems | 100 % (React-Ökosystem) | Sehr hoch, jetzt näher an 1:1 |
Legacy | Viel Abwärtskompatibilität | Wir haben den alten Code entfernt, die Codebasis ist sauberer |
Warum ist das für Entwickler wichtig?
Wenn Sie SSR oder ISR — Hydration 2.0 wird eine echte Qualitätssteigerung bringen.
Wenn Sie Bibliotheken aus der React-Welt — Ref-Unterstützung lindert Schmerzen.
Wenn Sie möchten Mindestpaket und Geschwindigkeit - Preact bleibt der Champion.
In Kodike Wir verfolgen solche Updates immer. Unser Motto ist es, komplexe Dinge mit einfachen Worten zu erklären, damit sich jeder ohne unnötigen Stress in moderne Frameworks einarbeiten kann.
Die App bietet JavaScript- und Frontend-Kurse, und in Telegram-Kanal Wir diskutieren Neuigkeiten wie Preact 11 Beta.
📲 Mach mit und pumpe mit uns!