Awesome GitHub RepositoriesComputed State

Preact is a lightweight declarative user interface library designed for building high-performance web applications. It utilizes a component-based architecture where interfaces are defined as functional or class-based units, relying on a virtual DOM to perform efficient state reconciliation and updates. By prioritizing a minimal footprint, the library enables developers to create modular, predictable, and testable user interfaces while maintaining compatibility with standard browser APIs. The library distinguishes itself through a reactive state engine that leverages signals to track dependenc

Nano Stores is a framework-agnostic state management library that uses a system of small, independent atomic stores to synchronize data across different JavaScript UI frameworks. It provides a reactive state container designed to minimize unnecessary component re-renders by decoupling application state into independent stores. The library features specialized synchronizers for real-time distributed state using WebSockets with conflict-free replicated data types, as well as a browser storage persistor for maintaining state across multiple open tabs. It utilizes adapter-based integration to map

mobx-react est une bibliothèque qui fournit des liaisons d'état pour connecter les composants React à l'état observable MobX. Elle fonctionne comme un synchroniseur d'état de composant, garantissant que les éléments de l'interface utilisateur sont automatiquement re-rendus uniquement lorsque les données observées spécifiques qu'ils consomment changent. Le projet permet une architecture d'état découplée en déplaçant la logique métier et l'état du domaine dans des magasins autonomes, séparant la gestion des données de l'arbre des composants React. Il facilite la distribution de l'état global à travers des hiérarchies de composants profondes en utilisant des fournisseurs et le contexte pour éviter le passage manuel des props (prop drilling). La bibliothèque couvre un large éventail de primitives de gestion d'état, notamment les collections observables, les mises à jour basées sur des actions et la dérivation d'état calculé. Elle fournit des aides à l'intégration de l'interface utilisateur pour les composants de classe et fonctionnels, ainsi que des optimisations de performance pour la précision du re-rendu des composants et la prévention des fuites de mémoire lors du rendu côté serveur. Le projet est implémenté en TypeScript.

Signals est une bibliothèque de gestion d'état réactive et un moteur de réactivité à grain fin. Il fonctionne comme un gestionnaire d'état de suivi des dépendances qui mappe les relations entre les valeurs pour garantir que les données dérivées et les éléments d'interface utilisateur restent synchronisés. La bibliothèque se distingue par une liaison DOM directe vers les nœuds, ce qui permet à l'état de mettre à jour des nœuds de texte spécifiques dans le navigateur sans déclencher un cycle de rendu de composant complet. Elle emploie un graphe de dépendances runtime et un traitement par lots atomique pour regrouper plusieurs modifications d'état en cycles de notification uniques, réduisant les exécutions redondantes. Le système couvre les conteneurs d'état réactifs, les signaux calculés évalués paresseusement et l'exécution d'effets secondaires avec une logique de nettoyage intégrée. Il fournit également des modèles d'état encapsulés pour la gestion du cycle de vie et des outils pour visualiser les chaînes de dépendances et surveiller la propagation de l'état. Le projet est implémenté en TypeScript.

Datastar is a framework for hypermedia application development that enables the creation of reactive user interfaces using declarative HTML attributes. It focuses on server-driven state management, offloading application logic and state transitions to the backend to reduce frontend complexity. The project distinguishes itself through real-time UI streaming, using Server-Sent Events to push incremental DOM patches and state changes over a single long-lived connection. It synchronizes frontend and backend state by applying partial JSON updates to a client-side signal store and employs morphing-