4 रिपॉजिटरी
Synchronization mechanisms that link visual element properties to data models for automatic mutual updates.
Distinct from Data Model Property Bindings: Candidates focus on schema binding or property injection, not bidirectional synchronization between canvas and JS data.
Explore 4 awesome GitHub repositories matching user interface & experience · Bidirectional Data-Binding. Refine with filters or upvote what's useful.
GoJS is a JavaScript diagramming library and canvas-based visualization engine used to build interactive flowcharts, organizational charts, and network diagrams. It functions as a data-driven framework that binds JavaScript data models to visual elements, enabling bidirectional synchronization between the underlying data and the graphical representation. The library features a comprehensive graph layout engine capable of automatically arranging nodes into trees, grids, circles, or force-directed layouts. It distinguishes itself through a template-based system for generating visual parts and a
Links visual element properties to a JavaScript data model for bidirectional automatic updates.
TinyBase एक रिएक्टिव डेटा स्टोर और इन-मेमोरी रिलेशनल डेटाबेस है जिसे क्लाइंट-साइड स्टेट पर्सिस्टेंस के लिए डिज़ाइन किया गया है। यह एक लोकल-फर्स्ट सिंक इंजन के रूप में कार्य करता है जो नियतात्मक डेटा अभिसरण (deterministic data convergence) सुनिश्चित करने के लिए संघर्ष-मुक्त प्रतिकृति डेटा प्रकारों (CRDTs) और लॉजिकल क्लॉक का उपयोग करके वितरित स्टेट को मर्ज करता है। इस प्रोजेक्ट में एक स्कीमा वैलिडेशन लाइब्रेरी है जो Zod, Yup और TypeBox जैसे टूल से बाहरी परिभाषाओं को टाइप-सेफ स्टोर परिभाषाओं में बदलती है। यह कई क्लाइंट्स और सर्वरों में सुसंगत स्टेट बनाए रखने के लिए Automerge, Yjs और PartyKit के साथ सिंक्रोनाइज़ेशन का उपयोग करके वास्तविक समय के सहयोगी संपादन के लिए एक इंफ्रास्ट्रक्चर प्रदान करती है। क्षमता सतह में टेबल और फॉरेन कीज़ के साथ रिलेशनल डेटा मॉडलिंग, SQL-जैसे क्वेरी और इंडेक्सिंग, और समूहीकृत म्यूटेशन के लिए एटॉमिक ट्रांजेक्शन शामिल हैं। यह ब्राउज़र स्टोरेज, SQLite और Cloudflare Durable Objects सहित पर्सिस्टेंस एडेप्टर की एक विस्तृत श्रृंखला का समर्थन करती है। सिस्टम React, SolidJS और Svelte के साथ एकीकरण के लिए द्विदिश स्टेट बाइंडिंग और घोषणात्मक कंपोनेंट्स भी प्रदान करता है।
Synchronizes interface components with the data store by automatically updating views and writing user input back.
JSON Editor एक स्कीमा-ड्रिवन UI फ्रेमवर्क और वेब-आधारित एडिटर है जिसका उपयोग इंटरैक्टिव फॉर्म बनाने और JSON डेटा को सत्यापित करने के लिए किया जाता है। यह JSON स्कीमा स्पेसिफिकेशन्स को HTML फॉर्म एलिमेंट्स के पदानुक्रम में अनुवादित करता है, जिससे यूज़र्स को रॉ टेक्स्ट के बजाय एक संरचित इंटरफ़ेस के माध्यम से जटिल JSON संरचनाओं में हेरफेर करने की अनुमति मिलती है। यह फ्रेमवर्क एक प्लगइन-आधारित एक्सटेंशन सिस्टम के माध्यम से खुद को अलग करता है जो कस्टम रिज़ॉल्वर फंक्शन्स और विशेष एडिटर्स के एकीकरण का समर्थन करता है। यह प्रोजेक्ट बिडायरेक्शनल डेटा बाइंडिंग, ग्रिड और टैब्स के लिए एरे और ऑब्जेक्ट लेआउट मैनेजमेंट और डायनामिक फील्ड सिंकिंग जैसी व्यापक क्षमताएं प्रदान करता है।
Synchronizes the internal JSON data model with the DOM state via programmatic getters and setters.
Tweakpane एक वेब GUI कंट्रोल पैनल और JavaScript पैरामीटर डिबगर है जिसका उपयोग फ्रंटएंड स्टेट का निरीक्षण करने और रीयल-टाइम वेरिएबल परिवर्तनों की निगरानी के लिए किया जाता है। यह एप्लिकेशन पैरामीटर्स को समायोजित करने और प्रोग्राम निष्पादन के दौरान बदलते मानों को ट्रैक करने के लिए एक ग्राफिकल इंटरफेस प्रदान करता है। यह प्रोजेक्ट इंटरैक्टिव इनपुट और रीड-ओनली वैल्यू मॉनिटर बनाने की अनुमति देता है जो सीधे डेटा वेरिएबल्स से जुड़ते हैं। यह इन कंट्रोल्स को फोल्डर और टैब के पदानुक्रमित लेआउट के माध्यम से व्यवस्थित करता है और पर्सिस्टेंस के लिए कंट्रोल पैनल कॉन्फ़िगरेशन और पैरामीटर स्टेट्स को JSON फाइलों में सीरियलाइज़ करने का समर्थन करता है। यह टूल रीयल-टाइम पैरामीटर ट्यूनिंग, एप्लिकेशन स्टेट मॉनिटरिंग और स्ट्रक्चर्ड कंट्रोल पैनल के विकास को कवर करता है।
Provides bidirectional synchronization between UI input elements and JavaScript variables for real-time data mirroring.