2 repositorios
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 es un framework para construir interfaces de usuario web utilizando ClojureScript y React.js. Permite un enfoque de programación funcional para el diseño de UI declarativa, donde las estructuras HTML y las jerarquías de componentes se definen utilizando sintaxis Hiccup basada en vectores en lugar de JSX. El proyecto se diferencia a través de un sistema de gestión de estado reactivo basado en átomos. Rastrea qué componentes desreferencian átomos de estado específicos para activar re-renderizados automáticos y proporciona cursores de estado para aislar actualizaciones a rutas específicas de un átomo de estado más grande. También incluye utilidades para envolver componentes nativos de JavaScript y bibliotecas de terceros para asegurar que permanezcan compatibles con el ciclo de renderizado funcional. El framework cubre una amplia gama de capacidades, incluyendo la reconciliación del DOM virtual, la gestión del ciclo de vida para efectos secundarios y limpieza, y la optimización del rendimiento de renderizado mediante el procesamiento por lotes de actualizaciones y la memorización de cálculos. También proporciona herramientas para el renderizado del lado del servidor de cadenas HTML estáticas, intercambio de estado global a través de contexto y primitivas de seguridad para la sanitización de contenido HTML.
Implements update batching to ensure multiple state changes trigger only a single render cycle, reducing browser repaint overhead.
Lit-element es un framework de elementos personalizados y una librería de UI reactiva que proporciona una clase base para crear elementos HTML estándar. Está diseñado para construir componentes web que actualizan automáticamente su estado visual cuando cambian las propiedades internas o los datos. El proyecto permite el desarrollo de componentes encapsulados utilizando el shadow root para aislar estilos y estructuras. Utiliza plantillas literales de JavaScript para renderizar plantillas declarativas sin necesidad de un paso de compilación. La librería cubre la gestión del estado mediante el seguimiento de propiedades reactivas y la sincronización de propiedades de clase de JavaScript con atributos HTML. También incluye capacidades para el alcance de selectores CSS y la gestión de ciclos de renderizado asíncronos para manejar las actualizaciones de la interfaz.
Groups multiple state changes into a single asynchronous render cycle to minimize redundant DOM manipulations.