Awesome GitHub RepositoriesObservable State Patterns

React Hook Form is a state management library designed to handle form registration, validation, and submission lifecycle events. By decoupling form control logic from the standard component lifecycle, it enables the creation of performant forms that minimize unnecessary re-renders. The library integrates with external schema validation tools to enforce data integrity and provides a declarative framework for managing complex form structures. The project distinguishes itself through a subscription-based architecture that tracks property access to ensure components only update when the specific

react-use is a collection of reusable state and effect hooks for managing common logic in React applications. It serves as a comprehensive library for implementing state management patterns and wrapping various browser APIs into consistent hook interfaces. The project provides a specialized toolkit for DOM interaction and browser API integration, allowing components to track element dimensions, manage cookies, and monitor hardware sensors. It includes a suite of animation and timing utilities for physics-based numeric interpolation and frame-synced state updates. Beyond basic state managemen

Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con

Electric is a Postgres data synchronization engine and replication proxy designed to enable local-first software. It replicates data from Postgres databases to client-side stores in real time using logical replication, allowing applications to maintain a local embedded database for offline access and low-latency updates. The system distinguishes itself by using shapes to filter and authorize specific subsets of database rows and columns before streaming them to clients or edge workers. It further supports multi-user collaboration by integrating a conflict-free replicated data type framework t

This is a reference project that implements the same TodoMVC application across multiple Flutter state management and architecture patterns, enabling direct side-by-side comparison. The project demonstrates how different approaches—including BLoC, Redux, MobX, Provider, and Scoped Model—handle state, data flow, and separation of concerns within the Flutter framework. Each architecture implementation is built to the same specification and runs an identical suite of shared integration tests, ensuring consistent behavior across all patterns. This allows developers to evaluate the trade-offs of e

MobX State Tree is a structured, tree-based state management library for JavaScript applications that combines typed model definitions with reactive snapshots and patch-based change tracking. It provides a reactive state container with runtime and compile-time type safety, where application state is defined as a tree of typed models with collocated actions, computed views, and lifecycle hooks for predictable state mutations. The library is built around an action-centric mutation model that encapsulates all state changes within named functions that directly modify the tree, supported by genera

weweChat is an unofficial desktop client for WeChat, developed as a cross-platform messaging wrapper. It uses a React-based user interface within an Electron shell to provide a dedicated environment for managing conversations on desktop operating systems. The application introduces custom capabilities not found in the official client, such as the ability to intercept and archive messages that have been recalled by the sender. It also includes bulk messaging automation to send the same message to multiple recipients simultaneously. The client is designed for power-user workflows, featuring ke

mobx-react is a library that provides state bindings to connect React components to MobX observable state. It functions as a component state synchronizer, ensuring that user interface elements automatically re-render only when the specific observed data they consume changes. The project enables a decoupled state architecture by moving business logic and domain state into standalone stores, separating data management from the React component tree. It facilitates global state distribution across deep component hierarchies using providers and context to avoid manual prop drilling. The library c

This project is a full-stack TypeScript framework and boilerplate designed for building subscription-based software services. It provides a pre-configured development environment that integrates a React frontend with a Node.js and Express server and a MongoDB data layer. The framework includes integrated modules for managing subscription billing, multi-tenant user management, and secure identity verification via social logins and passwordless authentication. It further enables real-time application synchronization through a WebSocket server for bidirectional data streaming between clients and

Acest proiect este o bibliotecă reactivă de gestionare a stării, concepută pentru gestionarea datelor complexe din formulare și a logicii de validare. Utilizează tipare bazate pe observabile pentru a sincroniza componentele interfeței utilizator cu modelele de date subiacente, asigurându-se că stările formularelor rămân consistente pe parcursul unei aplicații. Biblioteca oferă o abordare structurată pentru gestionarea inițializării formularelor, urmărirea câmpurilor și evenimentele ciclului de viață. Biblioteca se distinge prin suportul pentru structuri de date profund imbricate și compoziție ierarhică, permițând validarea recursivă și actualizările dinamice în arbori de obiecte complecși. Dispune de un motor de validare bazat pe schemă care suportă atât reguli sincrone, cât și asincrone, alături de interceptarea de tip middleware care permite logicii personalizate să monitorizeze sau să transforme datele în timpul actualizărilor de câmp. Dezvoltatorii pot accesa și manipula câmpuri specifice dinamic folosind adresarea bazată pe cale, oferind flexibilitate atunci când lucrează cu modele de formulare mari sau în evoluție. Dincolo de gestionarea de bază a stării, biblioteca include utilitare pentru transformarea datelor, cum ar fi formatarea valorilor de input și calcularea valorilor câmpurilor pe baza altor date din formular. Oferă capabilități de orchestrare a mai multor formulare pentru a coordona validarea și trimiterea pe mai multe instanțe și rămâne decuplată de straturile de prezentare specifice pentru a permite integrarea cu orice bibliotecă de componente de interfață utilizator. Framework-ul oferă, de asemenea, instrumente încorporate pentru monitorizarea evenimentelor ciclului de viață al câmpurilor și depanarea tranzițiilor interne de stare.