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 es un cliente de escritorio no oficial para WeChat, desarrollado como un wrapper de mensajería multiplataforma. Utiliza una interfaz de usuario basada en React dentro de un shell de Electron para proporcionar un entorno dedicado para gestionar conversaciones en sistemas operativos de escritorio. La aplicación introduce capacidades personalizadas que no se encuentran en el cliente oficial, como la capacidad de interceptar y archivar mensajes que han sido retirados por el remitente. También incluye automatización de mensajería masiva para enviar el mismo mensaje a múltiples destinatarios simultáneamente. El cliente está diseñado para flujos de trabajo de usuarios avanzados, con navegación basada en teclado para cambiar entre hilos e iniciar conversaciones. Además, admite un manejo mejorado de medios a través de transferencias de archivos por lotes e integración del portapapeles para imágenes y archivos. El software incluye un sistema de actualizaciones automáticas para garantizar que se instalen las versiones más recientes.

mobx-react es una librería que proporciona enlaces de estado para conectar componentes de React al estado observable de MobX. Funciona como un sincronizador de estado de componentes, asegurando que los elementos de la interfaz de usuario se vuelvan a renderizar automáticamente solo cuando cambian los datos observados específicos que consumen. El proyecto permite una arquitectura de estado desacoplada al mover la lógica de negocio y el estado del dominio a almacenes independientes, separando la gestión de datos del árbol de componentes de React. Facilita la distribución global del estado a través de jerarquías de componentes profundas utilizando proveedores y contexto para evitar el paso manual de props (prop drilling). La librería cubre una amplia gama de primitivas de gestión de estado, incluyendo colecciones observables, actualizaciones basadas en acciones y derivación de estado computado. Proporciona ayudantes de integración de UI tanto para componentes de clase como funcionales, junto con optimizaciones de rendimiento para la precisión del re-renderizado de componentes y la prevención de fugas de memoria durante el renderizado del lado del servidor. El proyecto está implementado en TypeScript.

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

Este proyecto es una biblioteca de gestión de estado reactiva diseñada para manejar datos de formularios complejos y lógica de validación. Utiliza patrones basados en observables para sincronizar componentes de interfaz de usuario con modelos de datos subyacentes, asegurando que los estados de los formularios permanezcan consistentes en toda la aplicación. La biblioteca proporciona un enfoque estructurado para gestionar la inicialización de formularios, el seguimiento de campos y los eventos del ciclo de vida. La biblioteca se distingue por su soporte para estructuras de datos profundamente anidadas y composición jerárquica, permitiendo la validación recursiva y actualizaciones dinámicas dentro de árboles de objetos complejos. Cuenta con un motor de validación basado en esquemas que admite reglas tanto síncronas como asíncronas, junto con una interceptación estilo middleware que permite a la lógica personalizada monitorear o transformar datos durante las actualizaciones de campos. Los desarrolladores pueden acceder y manipular campos específicos dinámicamente utilizando direccionamiento basado en rutas, proporcionando flexibilidad al trabajar con modelos de formularios grandes o en evolución. Más allá de la gestión de estado central, la biblioteca incluye utilidades para la transformación de datos, como formatear valores de entrada y calcular valores de campos basados en otros datos del formulario. Ofrece capacidades de orquestación de múltiples formularios para coordinar la validación y el envío en múltiples instancias, y permanece desacoplada de capas de presentación específicas para permitir la integración con cualquier biblioteca de componentes de interfaz de usuario. El framework también proporciona herramientas integradas para monitorear eventos del ciclo de vida de los campos y depurar transiciones de estado internas.