Awesome GitHub RepositoriesLarge List Renderers

Avalon is a client-side MVVM JavaScript framework that binds model data to DOM elements and automatically updates views when state changes. It functions as a component-based UI framework, encapsulating markup, logic, and styles into reusable custom components that can be composed across pages, while also serving as a virtual DOM diffing engine that computes minimal DOM updates by comparing lightweight in-memory view tree snapshots. The framework distinguishes itself through a template directive compiler that transforms declarative HTML attributes like ms-repeat and ms-if into executable view

Ce dépôt est une collection d'implémentations de référence et de galeries démontrant les meilleures pratiques pour le système Android View. Il fournit un ensemble d'exemples pratiques pour construire des interfaces utilisateur, y compris une galerie de composants et des guides d'implémentation pour les mises en page, les performances de liste et la conception de mouvement. Le projet se distingue par des échantillons détaillés pour coordonner les animations de mise en page et les effets de transition. Il inclut des démonstrations spécialisées pour des animations de mouvement complexes utilisant des images clés et l'interpolation, ainsi qu'un outil de visualisation pour les courbes d'interpolation d'animation afin de déterminer les paramètres de mouvement. La base de code couvre de vastes domaines de capacités, notamment la gestion de liste haute performance avec recyclage de vue et mises à jour différentielles, la navigation paginée avec synchronisation d'onglets et l'adaptabilité de l'interface pour les modes multi-fenêtres et écran partagé. Il inclut également des échantillons pour les mises en page de cartes, le contenu web intégré et les tests d'interface utilisateur automatisés pour les transitions de page.

vue-virtual-scroll-list is a virtualized list implementation for Vue applications. It provides a component that renders only the visible items of a large dataset to maintain high performance and limit the number of active DOM elements. The project functions as a high-performance list renderer and dynamic viewport manager. It calculates real-time list dimensions and scroll offsets to display thousands of data entries without degrading browser memory usage or performance. The system includes programmatic scroll control to navigate to specific item indices or pixel offsets. It also provides uti

Ce projet est un guide de référence et une ressource technique pour construire des interfaces utilisateur avec le framework SwiftUI. Il fournit une collection complète d'exemples de code, de documentation et une bibliothèque de composants d'implémentations de vues réutilisables et de modèles de mise en page. La ressource inclut une carte de compatibilité qui lie les vues déclaratives modernes à leurs équivalents impératifs dans le framework UIKit. Cette documentation aide à la migration d'UIKit vers SwiftUI en fournissant des conseils sur l'encapsulation des contrôleurs de vue hérités et des sous-classes de vue au sein d'une hiérarchie déclarative. Le guide couvre un large éventail de capacités d'interface, incluant l'implémentation de structures de navigation, de mises en page basées sur des grilles et des piles, et le rendu de listes performant. Il détaille également l'utilisation de composants interactifs pour l'entrée utilisateur, la reconnaissance de gestes et l'application de modificateurs visuels pour le stylage.

Fixed-data-table est une bibliothèque de composants React conçue pour le rendu de grands ensembles de données au sein d'interfaces de grille structurées et défilables. Elle fonctionne comme une table virtualisée, optimisant les performances en ne rendant que les lignes actuellement visibles dans la fenêtre d'affichage. La bibliothèque se distingue par son accent sur le maintien du contexte pendant la navigation, utilisant des mises en page à en-tête fixe et une gestion d'état de défilement synchronisée. Elle emploie un accès aux données basé sur l'index pour mapper les informations vers des coordonnées de grille spécifiques, permettant une personnalisation modulaire des cellules et une configuration flexible des colonnes. Le composant prend en charge une gestion complète de la présentation de la table, incluant le redimensionnement des colonnes et les ajustements de hauteur de ligne. Il fournit un contrôle programmatique sur le comportement de défilement, permettant la synchronisation du mouvement de la table avec des éléments d'interface externes ou des gestes personnalisés.

Ce projet est une bibliothèque de grille de données conçue pour construire des tableaux complexes et interactifs au sein d'applications React. Elle fournit une suite de composants modulaires qui permettent l'affichage d'informations structurées, prenant en charge à la fois le rendu de cellules personnalisées et des configurations de colonnes flexibles pour répondre à divers besoins de présentation de données. La bibliothèque est construite pour gérer de grands jeux de données en utilisant le rendu virtualisé, qui garantit des performances élevées en ne traitant que le sous-ensemble de lignes actuellement visibles dans la fenêtre d'affichage. Elle se distingue par la prise en charge des hauteurs de ligne dynamiques et du contrôle de défilement par programmation, permettant une navigation précise et des ajustements de mise en page même lors de la gestion de milliers d'entrées de données. Au-delà du rendu de base, la bibliothèque facilite l'interaction utilisateur grâce à des fonctionnalités telles que les colonnes redimensionnables et le défilement tactile. Les développeurs peuvent définir des champs de données personnalisés et encapsuler une logique de cellule complexe dans des composants réutilisables, garantissant un formatage et un comportement cohérents à travers différentes parties d'une interface d'application.

An angular virtual scroller component renders large datasets efficiently by displaying only visible items in the viewport, recycling existing DOM elements, and maintaining constant element counts. It handles variable item heights and widths through dynamic sizing calculations and buffer adjustments, while maintaining hidden buffer zones above and below the visible viewport to prevent visual flickering during rapid scrolling. The library supports event-driven infinite loading by listening for scroll threshold proximity events to trigger chunked data fetching and append new items automatically.

This library provides a flexible dropdown menu component for building single and multi-select inputs within web applications. It is designed to support accessible data entry through keyboard navigation and screen reader compatibility, while maintaining interface responsiveness when handling large datasets. The component distinguishes itself through a high degree of configurability, allowing developers to replace default templates, icons, and labels with custom visual elements. It utilizes virtual scrolling to render only visible items, ensuring performance remains consistent even when managin