Dexie.js VS svelte-persisted-store

The word on the street is that https://github.com/rhashimoto/wa-sqlite is nearly production ready, closing in on the neat 1.0.0 release, with its IDBBatchAtomic engine highly recommended at https://www.powersync.com/blog/sqlite-persistence-on-the-web. You can try out the benchmark https://rhashimoto.github.io/wa-sqlite/demo/benchmarks.html.

And the other contestant is Dexie, stable https://dexie.org/.

If you were to branch into a new venture today, which one would you pick? And why?

That said, there are some great ways to wrap IndexedDB to make it easier to work with. Since I’m writing this article I’ll toss in my local-first framework Verdant, which can be used without the sync features as a standalone IndexedDB-powered database with a type-safe schema and deployable data migrations. For a lighter-weight approach, maybe check out Dexie.

Using IndexedDB. I have heard its pretty cumbersome to use. There are wrappers like Dexie.js but I am not sure if it works seamlessly with Tauri or if it is the correct thing for my use case.

I use IndexedDB, specifically the idb library (https://github.com/jakearchibald/idb), or Dexie.js (https://dexie.org/) if you are more novice. This works great for large sets of data. For smaller amounts, Chrome Storage API will do.

To make things easier, Dexie.js provides a straightforward and simplified process of creating databases, storing data, updating data and database migrations, etc., over the top of indexedDB.

If you are just looking for a solution for your IndexedDB needs I find Dexie to be one of the best but depending on other needs, the others in the list are also good to consider.

svelte-local-storage-store: A Svelte store that persists to localeStorage

This is a great library for this I’ve used recently if you end up going this route: https://github.com/joshnuss/svelte-local-storage-store

created with https://github.com/joshnuss/svelte-local-storage-store

idb-keyval is a great library for storing simple data in the browser using IndexedDB. secure-ls is great for storing data securely in Local Storage in the browser. There is also svelte-local-storage-store for saving and retrieving data to/from Local Storage in the browser easily with just a svelte store.

Even better, you could use svelte-local-storage-store.

Do you need a persistent writable store? Check out svelte-local-storage-store.

Without SSR, I just used a localstore-backed store for the JWT ( https://github.com/joshnuss/svelte-local-storage-store ) and used onMount() rather than preload()/load() so it only ran authenticated functions on the front end.

I've been using svelte-local-storage-store. It's essentially a wrapper around Svelte store that uses Local Storage, which makes a stores persistent.