5 个仓库
Techniques for minimizing re-renders by subscribing components to specific data changes.
Distinct from Re-rendering Controls: None of the candidates focus on the subscription-based re-render optimization pattern.
Explore 5 awesome GitHub repositories matching user interface & experience · Component Update Optimizations. Refine with filters or upvote what's useful.
TanStack Table is a headless, framework-agnostic engine designed for building complex data grids and managing tabular state. By decoupling data processing logic from the visual rendering layer, it allows developers to implement custom user interfaces while offloading sophisticated operations like sorting, filtering, grouping, and pagination to a unified, performant core. The library distinguishes itself through its commitment to type safety and environment flexibility. It leverages strict type definitions to ensure data integrity across the entire application and utilizes an adapter pattern t
Subscribes interface elements to specific data changes to prevent unnecessary re-renders and improve performance.
This project is a technical breakdown and implementation of a user interface framework's internal architecture, focusing specifically on the mechanics of the virtual DOM, reconciliation, and component lifecycles. It serves as a resource for understanding how a core logic layer manages the transition from high-level component descriptions to physical browser elements. The project distinguishes itself by providing detailed visualizations, including flowcharts and block schemes, to map the reconciliation process and code execution paths. It explores how a platform-agnostic core can be adapted fo
Tracks changes to properties and state to determine when a component requires a re-render.
re-frame is a functional framework for building single-page applications in ClojureScript. It provides a centralized, immutable database that serves as the single source of truth for the entire application state, enforcing a strict unidirectional data flow where events trigger state transitions and subsequent view updates. The framework distinguishes itself through a reactive signal graph and an interceptor-based middleware pipeline. By treating application logic as a sequence of data-driven events and declarative side effects, it decouples business logic from the view layer. This architectur
Layers and de-duplicates data subscriptions so components only re-render when their specific slice of state changes.
Lit-element is a custom element framework and reactive UI library that provides a base class for creating standard HTML elements. It is designed to build web components that automatically update their visual state when internal properties or data change. The project enables the development of encapsulated components using the shadow root to isolate styles and structure. It utilizes JavaScript template literals to render declarative templates without requiring a compilation step. The library covers state management through reactive property tracking and the synchronization of JavaScript class
Provides mechanisms to control whether a component should re-render by comparing old and new property values.
Constate 是一个专为 React 设计的全局状态管理工具,旨在最大限度地减少不必要的组件重新渲染。它作为一个状态管理器和优化工具,利用专门的 Context 来组织组件树中的共享数据。 该库的特色在于其状态切片提供者模式,它将全局状态拆分为多个 Context 以隔离数据依赖。它包含一个状态选择器系统,允许组件提取全局状态的特定切片,确保仅在所选数据依赖项发生变化时才触发界面更新。 该项目涵盖了性能优化和状态选择方面的更广泛功能。它提供了一个用于创建中央数据提供者并使用 Hook 获取派生状态的简化接口。
Minimizes re-renders by subscribing components to specific data changes via state slicing and selectors.