Legend State
Library andal ini menyederhanakan pengelolaan state di aplikasi Anda, sehingga penanganan data yang kompleks menjadi mudah.
Penyimpanan data reaktif dan mesin sinkronisasi yang ringkas tanpa dependensi untuk aplikasi JavaScript. Menyediakan langganan granular agar UI hanya dirender ulang saat data yang relevan berubah, sehingga aplikasi tetap cepat dan mudah diprediksi.
Data dapat dimodelkan sebagai pasangan kunci-nilai sederhana atau struktur tabular dengan baris dan sel. Fitur bawaan mencakup skema dengan nilai default dan inferensi tipe, indeks untuk pencarian cepat, metrik untuk agregasi, relasi antartabel, sistem checkpoint undo/redo, serta mesin kueri yang serupa SQL (TinyQL) untuk memilih, menggabungkan, memfilter, dan mengelompokkan data secara reaktif.
Dirancang untuk alur kerja local-first dan offline-first, Tinybase menawarkan dukungan CRDT bawaan melalui MergeableStore untuk menyinkronkan dan menggabungkan data secara deterministik di berbagai klien dan server. Persistensi tersedia untuk penyimpanan browser dan IndexedDB, serta database seperti SQLite dan PostgreSQL, juga integrasi dengan Yjs dan Automerge.
Binding React opsional mencakup hook dan komponen UI ringan untuk membangun antarmuka yang sepenuhnya reaktif, serta Inspector dalam aplikasi untuk melihat dan mengedit data store secara langsung selama pengembangan. Meski fiturnya beragam, inti Tinybase tetap ringkas (sekitar 5.3kB–11.7kB setelah gzip), terdokumentasi lengkap, dan diuji secara ketat.
Fitur
- Penyimpanan data reaktif dalam memori
- Model data kunci-nilai dan tabular
- Listener dan langganan granular
- Mesin kueri TinyQL (select/join/filter/group)
- Indeks untuk pencarian cepat
- Metrik dan agregasi
- Relasi tabel
- Skema dengan nilai default dan inferensi tipe
- Checkpoint dengan undo/redo
- MergeableStore CRDT bawaan
- Sinkronisasi melalui WebSockets, BroadcastChannel, dan transport kustom
- Persistensi ke penyimpanan browser dan IndexedDB
- Persistensi database untuk SQLite dan PostgreSQL (serta varian seperti Bun/Expo SQLite)
- Integrasi dengan Yjs, Automerge, CR-SQLite, PGlite, ElectricSQL, Turso, PartyKit, Cloudflare Durable Objects
- Hook React dan komponen siap pakai opsional (ui-react, ui-react-dom)
- Devtool Inspector data dalam aplikasi
- Dirancang untuk penggunaan local-first dan offline
- Ukuran bundle kecil tanpa dependensi
- Cakupan pengujian 100% dan dokumentasi lengkap
Item Terkait
MobX
Solusi pengelolaan state ini memungkinkan integrasi data dinamis yang lancar ke dalam aplikasi Anda dan menyesuaikan diri dengan perubahan secara otomatis.
Redux Toolkit
Toolkit lengkap yang dirancang untuk menyederhanakan dan meningkatkan proses pengembangan Redux, sehingga aplikasi tetap mudah diprediksi dan dipelihara.
valtio
Pustaka ini menyederhanakan pengelolaan state berbasis proxy untuk aplikasi modern, meningkatkan pengalaman pengembangan melalui rendering yang efisien dan manipulasi state yang mudah.
TanStack DB
Store klien reaktif dengan kueri langsung dan mutasi optimistis untuk UI konsisten dalam waktu submilidetik serta sinkronisasi real-time.
Jotai
Solusi pengelolaan state yang andal namun ringan, dengan pendekatan atomik untuk mengelola state di aplikasi React.
MobX-State-Tree
Pustaka berfitur lengkap yang menyederhanakan pengelolaan state dengan pendekatan terstruktur untuk menangani state yang dapat diubah.
TanStack Router
Pustaka routing modern dan skalabel yang dirancang khusus untuk React, dengan fokus pada keamanan tipe dan pengelolaan data yang efisien.