3 Repos
Delaying user interface rendering until the previously saved application state has been fully retrieved and integrated.
Distinct from Sync-Aware Rendering: Distinct from Sync-Aware Rendering: focuses on the specific lifecycle delay of UI rendering during rehydration rather than general SSR synchronization.
Explore 3 awesome GitHub repositories matching web development · Rehydration-Aware Renderers. Refine with filters or upvote what's useful.
Redux Persist is a state management utility designed to maintain application data across sessions by synchronizing state with local storage. It functions as a middleware-based engine that automatically saves and restores application state, ensuring that user sessions remain intact after page refreshes or application restarts. The library distinguishes itself through granular control over the persistence lifecycle and data structure. It supports recursive state tree partitioning, allowing developers to apply distinct storage configurations and filtering rules to specific branches of the applic
Supports delaying user interface rendering until the previously saved application state has been fully retrieved and integrated into the active store.
Aphrodite ist eine framework-agnostische CSS-in-JS-Styling-Bibliothek, mit der Styles mithilfe von JavaScript-Objekten definiert werden können. Sie fungiert als CSS-Generator und Rendering-Engine, die optimierte Styles in das Dokument injiziert und ein dediziertes System für Server-Side-Rendering bietet, um Style-Flashes zu verhindern und ein korrektes initiales Seiten-Rendering zu gewährleisten. Das Projekt zeichnet sich durch einen automatischen CSS-Vendor-Prefixer für browserübergreifende Konsistenz und ein Production-Utility aus, das Klassennamen in kurze Hashes minifiziert, um die CSS-Payload-Größe zu reduzieren. Zudem unterstützt es erweiterbares Styling durch benutzerdefinierte Selektor-Handler sowie globale Regeln für Keyframe-Animationen und Font-Face-Deklarationen. Die Bibliothek deckt ein breites Spektrum an Styling-Funktionen ab, darunter dynamische Style-Komposition, responsives Design mittels Media Queries und Pseudo-Selektoren sowie ein gepuffertes Injektionssystem zur Minimierung von DOM-Änderungen. Sie verwaltet zudem das Style-Rehydration-Verfahren, um serverseitig generierte Klassennamen mit dem clientseitigen Cache zu synchronisieren.
Synchronizes server-generated class names with the client-side cache to prevent duplicate style injection upon page load.
Easy-peasy ist eine React-State-Management-Bibliothek und ein typisiertes Framework, das einen zentralen Store für die Verwaltung des globalen Anwendungszustands bereitstellt. Es fungiert als unveränderlicher (immutable) State-Store und asynchroner State-Orchestrator, der End-to-End-Typsicherheit für Zustandsdefinitionen, Aktionen und abgeleitete Werte gewährleistet. Die Bibliothek zeichnet sich dadurch aus, dass sie direkte Mutationssyntax in unveränderliche Updates umwandelt, um die Verwaltung verschachtelter Daten zu vereinfachen. Sie enthält einen Mechanismus zur Persistierung des State-Trees im Speicher und zur Rehydrierung während des Anwendungs-Boot-Prozesses, mit der Möglichkeit, die Benutzeroberfläche auszusetzen, bis die Rehydrierung abgeschlossen ist. Das Framework deckt mehrere Funktionsbereiche ab, einschließlich der Orchestrierung asynchroner API-Aufrufe mit optimistischem Rendering und der Berechnung zwischengespeicherter abgeleiteter Zustände. Es bietet zudem Tools zur Verwaltung nicht dringender Updates und für den Zugriff auf den Store außerhalb von React-Komponenten.
Defers the rendering of the UI component tree until the persisted state has been fully rehydrated into the store.