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 هو عميل سطح مكتب غير رسمي لـ WeChat، تم تطويره كغلاف مراسلة عبر الأنظمة الأساسية. يستخدم واجهة مستخدم قائمة على React داخل غلاف Electron لتوفير بيئة مخصصة لإدارة المحادثات على أنظمة تشغيل سطح المكتب. يقدم التطبيق إمكانيات مخصصة غير موجودة في العميل الرسمي، مثل القدرة على اعتراض وأرشفة الرسائل التي تم استرجاعها من قبل المرسل. كما يتضمن أتمتة المراسلة الجماعية لإرسال نفس الرسالة إلى عدة مستلمين في وقت واحد. تم تصميم العميل لسير عمل المستخدمين المتقدمين، ويتميز بالتنقل القائم على لوحة المفاتيح لتبديل سلاسل المحادثات وبدء المحادثات. كما يدعم معالجة الوسائط المحسنة من خلال نقل الملفات المجمعة وتكامل الحافظة للصور والملفات. يتضمن البرنامج نظاماً للتحديثات التلقائية لضمان تثبيت أحدث الإصدارات.

mobx-react هي مكتبة توفر روابط حالة لربط مكونات React بحالة MobX القابلة للملاحظة. تعمل كمزامن حالة مكون، مما يضمن أن عناصر واجهة المستخدم تعيد العرض تلقائياً فقط عندما تتغير البيانات الملاحظة المحددة التي تستهلكها. يُمكّن المشروع بنية حالة مفككة عن طريق نقل منطق الأعمال وحالة المجال إلى مخازن مستقلة، وفصل إدارة البيانات عن شجرة مكونات React. يسهل توزيع الحالة العالمية عبر تسلسلات هرمية عميقة للمكونات باستخدام المزودين والسياق لتجنب تمرير الدعائم يدوياً. تغطي المكتبة مجموعة واسعة من بدائيات إدارة الحالة، بما في ذلك المجموعات القابلة للملاحظة، والتحديثات القائمة على الإجراءات، واشتقاق الحالة المحسوب. توفر مساعدات تكامل واجهة المستخدم لكل من المكونات الفئوية والوظيفية، إلى جانب تحسينات الأداء لدقة إعادة عرض المكونات ومنع تسرب الذاكرة أثناء العرض من جانب الخادم. تم تنفيذ المشروع بلغة 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

هذا المشروع عبارة عن مكتبة لإدارة الحالة التفاعلية مصممة للتعامل مع بيانات النماذج المعقدة ومنطق التحقق. تستخدم أنماطاً قائمة على الملاحظة (observable) لمزامنة مكونات واجهة المستخدم مع نماذج البيانات الأساسية، مما يضمن بقاء حالات النماذج متسقة طوال فترة التطبيق. توفر المكتبة نهجاً منظماً لإدارة تهيئة النماذج، وتتبع الحقول، وأحداث دورة الحياة. تتميز المكتبة بدعمها لهياكل البيانات المتداخلة بعمق والتركيب الهرمي، مما يسمح بالتحقق العودي والتحديثات الديناميكية داخل أشجار الكائنات المعقدة. تتميز بمحرك تحقق قائم على المخطط (schema) يدعم كلاً من القواعد المتزامنة وغير المتزامنة، إلى جانب اعتراض على غرار البرمجيات الوسيطة (middleware) يتيح للمنطق المخصص مراقبة أو تحويل البيانات أثناء تحديثات الحقول. يمكن للمطورين الوصول إلى حقول محددة ومعالجتها ديناميكياً باستخدام العنونة القائمة على المسار، مما يوفر المرونة عند العمل مع نماذج نماذج كبيرة أو متطورة. بالإضافة إلى إدارة الحالة الأساسية، تتضمن المكتبة أدوات لتحويل البيانات، مثل تنسيق قيم الإدخال وحساب قيم الحقول بناءً على بيانات النماذج الأخرى. توفر قدرات تنسيق نماذج متعددة لتنسيق التحقق والتقديم عبر مثيلات متعددة، وتظل منفصلة عن طبقات العرض المحددة للسماح بالتكامل مع أي مكتبة مكونات واجهة مستخدم. يوفر إطار العمل أيضاً أدوات مدمجة لمراقبة أحداث دورة حياة الحقول وتصحيح انتقالات الحالة الداخلية.