Awesome GitHub RepositoriesBidirectional Data-Binding

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

TinyBase este un magazin de date reactiv și o bază de date relațională în memorie concepută pentru persistența stării client-side. Servește ca un motor de sincronizare local-first care îmbină starea distribuită folosind tipuri de date replicate fără conflicte (CRDT) și ceasuri logice pentru a asigura convergența deterministă a datelor. Proiectul include o bibliotecă de validare a schemelor care convertește definițiile externe din instrumente precum Zod, Yup și TypeBox în definiții de stocare type-safe. Oferă o infrastructură pentru editare colaborativă în timp real, utilizând sincronizarea cu Automerge, Yjs și PartyKit pentru a menține o stare consistentă pe mai mulți clienți și servere. Suprafața de capabilități include modelarea datelor relaționale cu tabele și chei străine, interogare și indexare de tip SQL și tranzacții atomice pentru mutații grupate. Suportă o gamă largă de adaptoare de persistență, inclusiv stocarea în browser, SQLite și Cloudflare Durable Objects. Sistemul oferă, de asemenea, binding bidirecțional al stării și componente declarative pentru integrarea cu React, SolidJS și Svelte.

JSON Editor este un framework UI bazat pe schemă și un editor web utilizat pentru a genera formulare interactive și a valida datele JSON. Acesta traduce specificațiile JSON Schema într-o ierarhie de elemente de formular HTML, permițând utilizatorilor să manipuleze structuri JSON complexe printr-o interfață structurată în loc de text brut. Framework-ul se diferențiază printr-un sistem de extensie bazat pe plugin-uri care suportă funcții de rezolvare personalizate și integrarea editorilor specializați, cum ar fi WYSIWYG, Markdown și editori de cod cu sintaxă evidențiată. Utilizează rezolvarea recursivă a schemelor pentru a gestiona definițiile imbricate și implementează validarea condiționată bazată pe stare folosind logica if-then-else. Proiectul oferă o gamă largă de capabilități, inclusiv binding bidirecțional de date, gestionarea layout-ului de array-uri și obiecte pentru grid-uri și tab-uri și sincronizarea dinamică a câmpurilor prin interpolarea template-urilor. Biblioteca sa de componente acoperă intrări standard alături de instrumente specializate precum selectoare de culoare, selectoare de dată-timp, componente de autocomplete și interfețe de upload de fișiere. Interfața suportă localizarea șirurilor UI și se integrează cu diverse framework-uri CSS pentru a decupla generarea structurală a formularelor de stilizarea vizuală.

Tweakpane este un panou de control GUI web și un debugger de parametri JavaScript utilizat pentru inspectarea stării frontend-ului și monitorizarea modificărilor variabilelor în timp real. Acesta oferă o interfață grafică pentru ajustarea parametrilor aplicației și urmărirea valorilor pe măsură ce se modifică în timpul execuției programului. Proiectul permite crearea de input-uri interactive și monitoare de valori read-only care se leagă direct de variabilele de date. Acesta organizează aceste controale printr-un layout ierarhic de foldere și tab-uri și suportă serializarea configurațiilor panoului de control și a stărilor parametrilor în fișiere JSON pentru persistență. Instrumentul acoperă reglarea parametrilor în timp real, monitorizarea stării aplicației și dezvoltarea de panouri de control structurate.