2 Repos
Defers multiple state changes into a single render cycle to optimize browser performance.
Distinct from State Change Batching: The candidates refer to blockchain state, file systems, or GPU draw calls; this is specifically about web UI render cycle batching.
Explore 2 awesome GitHub repositories matching user interface & experience · Render Batching. Refine with filters or upvote what's useful.
Reagent ist ein Framework zum Erstellen von Web-Benutzeroberflächen unter Verwendung von ClojureScript und React.js. Es ermöglicht einen funktionalen Programmieransatz für deklaratives UI-Design, bei dem HTML-Strukturen und Komponenten-Hierarchien unter Verwendung der vektor-basierten Hiccup-Syntax anstelle von JSX definiert werden. Das Projekt unterscheidet sich durch ein reaktives Zustandsmanagementsystem auf Basis von Atomen. Es verfolgt, welche Komponenten spezifische Zustandsatome dereferenzieren, um automatische Re-Renders auszulösen, und bietet Zustands-Cursor, um Updates auf spezifische Pfade eines größeren Zustandsatoms zu isolieren. Es enthält zudem Utilities zum Umhüllen nativer JavaScript-Komponenten und Bibliotheken von Drittanbietern, um sicherzustellen, dass sie mit dem funktionalen Rendering-Zyklus kompatibel bleiben. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich Virtual-DOM-Reconciliation, Lifecycle-Management für Side-Effects und Bereinigung sowie Rendering-Performance-Optimierung durch Update-Batching und Calculation-Memoization. Es bietet zudem Tools für serverseitiges Rendering statischer HTML-Strings, globales Zustands-Sharing via Context sowie Sicherheitsprimitive für die HTML-Inhaltssanitisierung.
Implements update batching to ensure multiple state changes trigger only a single render cycle, reducing browser repaint overhead.
Lit-element ist ein Framework für benutzerdefinierte Elemente und eine reaktive UI-Bibliothek, die eine Basisklasse für die Erstellung von Standard-HTML-Elementen bereitstellt. Es wurde entwickelt, um Webkomponenten zu erstellen, die ihren visuellen Zustand automatisch aktualisieren, wenn sich interne Eigenschaften oder Daten ändern. Das Projekt ermöglicht die Entwicklung gekapselter Komponenten unter Verwendung des Shadow Root, um Stile und Struktur zu isolieren. Es nutzt JavaScript-Template-Literale, um deklarative Templates ohne Kompilierungsschritt zu rendern. Die Bibliothek deckt das State-Management durch reaktive Eigenschaftsverfolgung und die Synchronisierung von JavaScript-Klasseneigenschaften mit HTML-Attributen ab. Sie umfasst zudem Funktionen für das Scoping von CSS-Selektoren und die Verwaltung asynchroner Rendering-Zyklen zur Handhabung von Interface-Updates.
Groups multiple state changes into a single asynchronous render cycle to minimize redundant DOM manipulations.