All Projects → joshnuss → svelte-local-storage-store

joshnuss / svelte-local-storage-store

Licence: MIT License
Adds pub/sub to local storage.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to svelte-local-storage-store

svelte-persistent-store
A Svelte store that keep its value through pages and reloads
Stars: ✭ 111 (-42.78%)
Mutual labels:  localstorage, svelte
awesome-svelte-kit
Curated resources on building sites with SvelteKit - A server-less-first answer to "the Next.js experience" by the Svelte community
Stars: ✭ 55 (-71.65%)
Mutual labels:  svelte
build-your-own-platform-with-knative
Knativeのコンポーネントを理解しながらFaaSプラットフォームをDIYするワークショップです
Stars: ✭ 43 (-77.84%)
Mutual labels:  pubsub
svelte-sheets
Blazing fast excel sheets in the browser, hugely inspired by JExcel, built with Svelte and XLSX.
Stars: ✭ 45 (-76.8%)
Mutual labels:  svelte
programmingtil-svelte
No description or website provided.
Stars: ✭ 59 (-69.59%)
Mutual labels:  svelte
EddieHubCommunity.github.io
Information about our community
Stars: ✭ 88 (-54.64%)
Mutual labels:  svelte
p5-svelte
Easily add p5 sketches to a Svelte project 🍛 🌱
Stars: ✭ 94 (-51.55%)
Mutual labels:  svelte
esbuild-svelte
An esbuild plugin to compile Svelte components
Stars: ✭ 163 (-15.98%)
Mutual labels:  svelte
shamash
Autoscaling for Google Cloud Dataproc
Stars: ✭ 31 (-84.02%)
Mutual labels:  pubsub
vue-web-storage
Vue.js plugin for local storage and session storage (1.8 kb min+gz) 💾
Stars: ✭ 85 (-56.19%)
Mutual labels:  localstorage
BlazorDB
In memory, persisted to localstorage, database for .net Blazor browser framework
Stars: ✭ 74 (-61.86%)
Mutual labels:  localstorage
svelte-headlessui
Unofficial Svelte port of Headless UI components
Stars: ✭ 564 (+190.72%)
Mutual labels:  svelte
svelte-spinkit
A collection of loading indicators animated with CSS for Svelte
Stars: ✭ 27 (-86.08%)
Mutual labels:  svelte
persistence
💾 Persistence provides a pretty easy API to handle Storage's implementations.
Stars: ✭ 18 (-90.72%)
Mutual labels:  localstorage
DeLorean
Time-traveling debugger for Svelte applications
Stars: ✭ 58 (-70.1%)
Mutual labels:  svelte
svelte-flat-ui
Flat UI Independent JS Components + English Docs =
Stars: ✭ 45 (-76.8%)
Mutual labels:  svelte
routify-ts
Use Typescript in Routify Starter Template.
Stars: ✭ 21 (-89.18%)
Mutual labels:  svelte
php-pubsub
A PHP abstraction for the pub-sub pattern
Stars: ✭ 36 (-81.44%)
Mutual labels:  pubsub
chrome-extension-svelte-typescript-boilerplate
Boilerplate for Chrome Extension Svelte Typescript project
Stars: ✭ 35 (-81.96%)
Mutual labels:  svelte
micro-svelte-compiler
Micro Svelte compiler (naive clone)
Stars: ✭ 56 (-71.13%)
Mutual labels:  svelte

npm version license codecov

svelte-local-storage-store

A store that adds pub/sub to local storage. Supports changes across multiple tabs.

Installation

npm install svelte-local-storage-store

Usage

Define the store:

import { writable } from 'svelte-local-storage-store'

// First param `preferences` is the local storage key.
// Second param is the initial value.
export const preferences = writable('preferences', {
  theme: 'dark',
  pane: '50%',
  ...
})

Then when you want to use the store:

import { get } from 'svelte/store'
import { preferences } from './stores'

preferences.subscribe(...) // subscribe to changes
preferences.update(...) // update value
preferences.set(...) // set value
get(preferences) // read value
$preferences // read value with automatic subscription

License

MIT

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].