Zum Inhalt springen

TinyBase

Reaktiver In-Memory-Datenspeicher und Sync-Engine für Local-First-Apps mit CRDTs, Abfragen, granularen Listenern sowie optionalen React-Hooks und -Komponenten.

Ein winziger, Abhängigkeiten-freier, reaktiver Datenspeicher und eine Synchronisierungs-Engine für JavaScript-Anwendungen. Dank granularer Abonnements werden UIs nur dann neu gerendert, wenn sich relevante Daten ändern. So bleiben Apps schnell und vorhersehbar.

Daten lassen sich als einfache Schlüssel-Wert-Paare oder tabellarisch mit Zeilen und Zellen modellieren. Zu den integrierten Funktionen gehören Schemas mit Standardwerten und Typinferenz, Indizes für schnelle Suchvorgänge, Metriken für Aggregationen, Beziehungen zwischen Tabellen, ein Rückgängig/Wiederherstellen-System mit Checkpoints sowie eine SQL-nahe Abfrage-Engine (TinyQL) für reaktive Auswahl, Joins, Filterung und Gruppierung.

Tinybase ist für Local-First- und Offline-First-Abläufe konzipiert und bietet native CRDT-Unterstützung über MergeableStore, um Daten zwischen Clients und Servern zu synchronisieren und deterministisch zusammenzuführen. Die Daten können im Browserspeicher und in IndexedDB sowie in Datenbanken wie SQLite und PostgreSQL gespeichert werden. Außerdem gibt es Integrationen mit Yjs und Automerge.

Optionale React-Bindings enthalten Hooks und schlanke UI-Komponenten für vollständig reaktive Oberflächen sowie einen In-App-Inspector, mit dem du Store-Daten während der Entwicklung live anzeigen und bearbeiten kannst. Trotz des großen Funktionsumfangs bleibt der Kern klein (etwa 5.3kB–11.7kB gzipped), ist vollständig dokumentiert und umfassend getestet.

Funktionen

  • Reaktiver In-Memory-Datenspeicher
  • Schlüssel-Wert- und tabellarische Datenmodelle
  • Granulare Listener und Abonnements
  • TinyQL-Abfrage-Engine (select/join/filter/group)
  • Indizes für schnelle Suchvorgänge
  • Metriken und Aggregationen
  • Tabellenbeziehungen
  • Schemas mit Standardwerten und Typinferenz
  • Checkpoints mit Rückgängig/Wiederherstellen
  • Native CRDT MergeableStore
  • Synchronisierung über WebSockets, BroadcastChannel und benutzerdefinierte Transportwege
  • Persistenz im Browserspeicher und in IndexedDB
  • Datenbankpersistenz für SQLite und PostgreSQL (sowie Varianten wie Bun/Expo SQLite)
  • Integrationen mit Yjs, Automerge, CR-SQLite, PGlite, ElectricSQL, Turso, PartyKit, Cloudflare Durable Objects
  • Optionale React-Hooks und vorgefertigte Komponenten (ui-react, ui-react-dom)
  • In-App-Inspector als Devtool für Daten
  • Local-First- und Offline-freundliches Design
  • Winzige Bundle-Größe ohne Abhängigkeiten
  • 100% Testabdeckung und umfassende Dokumentation

Ähnliche Einträge

Diese leistungsstarke Bibliothek vereinfacht die Zustandsverwaltung in deinen Anwendungen und macht den Umgang mit komplexen Daten zum Kinderspiel.

GitHub-Sterne
3.1K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Diese Lösung zur Zustandsverwaltung ermöglicht die nahtlose Integration dynamischer Daten in deine Anwendungen und passt sich mühelos an Änderungen an.

GitHub-Sterne
27.6K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Ein umfassendes Toolkit, das die Redux-Entwicklung vereinfacht und verbessert, damit Anwendungen vorhersehbar und wartbar bleiben.

GitHub-Sterne
10.8K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Diese Bibliothek vereinfacht das proxybasierte Zustandsmanagement für moderne Anwendungen und verbessert das Entwicklungserlebnis durch effizientes Rendering und einfache Zustandsverwaltung.

GitHub-Sterne
9.2K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Reaktiver Client-Store mit Live-Abfragen und optimistischen Mutationen für konsistente UIs mit Reaktionszeiten unter einer Millisekunde und Echtzeit-Synchronisierung.

GitHub-Sterne
2.9K
Aktualisiert am
Aug 17, 2025
Lizenz
MIT License

Eine leistungsstarke und dennoch schlanke Lösung zur Zustandsverwaltung, die in React-Anwendungen auf einen atomaren Ansatz setzt.

GitHub-Sterne
18.9K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Eine Bibliothek mit vollem Funktionsumfang, die die Zustandsverwaltung durch einen strukturierten Ansatz für den Umgang mit veränderbarem Zustand vereinfacht.

GitHub-Sterne
7.0K
Aktualisiert am
Dec 3, 2024
Lizenz
MIT License

Eine moderne, skalierbare Routing-Bibliothek speziell für React, mit Schwerpunkt auf Typsicherheit und effizientem Datenmanagement.

GitHub-Sterne
8.4K
Aktualisiert am
Dec 6, 2024
Lizenz
MIT License

Über KickstartUI

KickstartUI ist deine Anlaufstelle, um die besten UI-Frameworks, Bibliotheken und Build-Tools zu entdecken. Wir stellen sorgfältig erstklassige Ressourcen zusammen, damit Entwickler ihre UI-Ideen zum Leben erwecken können. Ob du eine responsive Web-App entwickelst, eine mobile Oberfläche gestaltest oder einen interaktiven Prototyp entwirfst – unsere Plattform bietet dir die wichtigsten Werkzeuge, um deine Projekte schneller voranzubringen und die Nutzererfahrung zu verbessern. Entdecke unsere umfangreiche Sammlung, um über die neuesten Trends auf dem Laufenden zu bleiben, neue Möglichkeiten zu erschließen und deine UI-Designs auf ein neues Niveau zu heben. Bereit, dein nächstes Projekt zu starten? Entdecke unsere ausgewählten Ressourcen oder suche nach bestimmten Werkzeugen, die zu deinen Anforderungen passen.