4 repositorios
Techniques for rendering only the visible portion of large lists to minimize DOM elements.
Distinct from Virtual DOM Renderers: Distinct from Virtual DOM Renderers: focuses specifically on the list-virtualization pattern for large datasets rather than a general DOM abstraction layer.
Explore 4 awesome GitHub repositories matching user interface & experience · Virtual Scrolling. Refine with filters or upvote what's useful.
Este proyecto es una referencia técnica y guía para optimizar el rendimiento de las aplicaciones Angular. Proporciona una lista de verificación integral para mejorar la velocidad y la eficiencia centrándose en la optimización de paquetes (bundles), mejores prácticas de renderizado y ejecución en tiempo de ejecución. La guía cubre una amplia gama de diferenciadores, incluyendo la implementación de estrategias de aplicaciones web progresivas (PWA) a través de service workers y caché offline. También detalla métodos para mejorar los tiempos de carga percibidos utilizando renderizado del lado del servidor (SSR) y shells de aplicación. El repositorio proporciona orientación sobre áreas de capacidad más amplias, como el ajuste de la detección de cambios, el uso de web workers para descargar cálculos pesados y la gestión del DOM mediante desplazamiento virtual (virtual scrolling). También cubre la reducción del tamaño del paquete mediante tree-shaking, minificación y división de módulos de carga perezosa (lazy-loading).
Reduces the number of rendered elements using virtual scrolling to speed up browser rendering.
This is a date picker component for React that features a continuous vertical scrolling interface. It provides a web interface for choosing dates, supporting both individual date selection and the definition of specific time periods through range selection. The component is distinguished by an infinite scroll mechanism that allows users to browse dates without pagination or dropdowns. It includes year navigation to jump rapidly between different years and utilizes windowed virtual scrolling to maintain performance. The interface supports regional localization for labels and date formats. It
Implements virtual scrolling to render only visible date cells, ensuring high performance during infinite scrolling.
Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r
Renders only the visible subset of data rows in the DOM to maintain high performance with large datasets.
Esta librería proporciona un componente de React para renderizar estructuras de datos jerárquicas interactivas. Está diseñada para visualizar información anidada mediante composición recursiva, permitiendo a los usuarios navegar por jerarquías de datos profundas expandiendo y colapsando ramas. El componente se distingue por integrar funcionalidad de arrastrar y soltar (drag-and-drop), permitiendo a los usuarios reorganizar nodos directamente dentro de la interfaz. También soporta carga de datos asíncrona, que obtiene ramas hijas bajo demanda para gestionar datasets remotos o profundos de manera eficiente. La librería incluye optimizaciones de rendimiento para grandes datasets utilizando scroll virtual para renderizar solo los nodos visibles en el viewport. Ofrece una gestión de estado flexible, permitiendo a los desarrolladores controlar la selección de nodos, expansión y estado de casillas de verificación (checkbox) a través de lógica de componente interna o sistemas de estado de aplicación externos.
Optimizes rendering of large datasets by displaying only visible items to maintain high performance.