All Projects → GarethOates → svelte-dev-store

GarethOates / svelte-dev-store

Licence: MIT license
This project adds the ability to use Redux Dev tools to visualise a Svelte store. It uses redux under the hood and should only be used in a development environment.

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to svelte-dev-store

svelte-persistent-store
A Svelte store that keep its value through pages and reloads
Stars: ✭ 111 (+404.55%)
Mutual labels:  store, sveltejs
EnderFramework
EnderFramework is a framework that can be used to create apps using HTML, JS, and CSS.
Stars: ✭ 19 (-13.64%)
Mutual labels:  store
Reto
Flexible and efficient React Store with hooks.
Stars: ✭ 194 (+781.82%)
Mutual labels:  store
Vuex Mock Store
✅Simple and straightforward Vuex Store mock for vue-test-utils
Stars: ✭ 246 (+1018.18%)
Mutual labels:  store
Inapppurchase
A Simple and Lightweight framework for In App Purchase
Stars: ✭ 202 (+818.18%)
Mutual labels:  store
Wxministore
一个基于微信小程序的mini全局状态管理库
Stars: ✭ 248 (+1027.27%)
Mutual labels:  store
Uploadcare Widget
Uploadcare Widget, an ultimate tool for HTML5 file upload supporting multiple file upload, drag&drop, validation by file size/file extension/MIME file type, progress bar for file uploads, image preview.
Stars: ✭ 183 (+731.82%)
Mutual labels:  store
ZXDataHandle
简单易用的数据转换和存储框架,支持一行代码将模型、模型数组、Json字符串、字典互转;支持模型映射到sqlite3数据库,无需书写sql
Stars: ✭ 13 (-40.91%)
Mutual labels:  store
Online-Shop-eCommerce-App-Angular-6-Firebase
Online eCommerce Store app in Angular 11.0 & Firebase
Stars: ✭ 96 (+336.36%)
Mutual labels:  store
Vuex Easy Firestore
Easy coupling of firestore and a vuex module. 2-way sync with 0 boilerplate!
Stars: ✭ 224 (+918.18%)
Mutual labels:  store
Presences
🛒 Storage for Presences located at our Presence Store.
Stars: ✭ 223 (+913.64%)
Mutual labels:  store
Store
A beautifully-simple framework-agnostic modern state management library.
Stars: ✭ 204 (+827.27%)
Mutual labels:  store
website
Our website, built from the ground up with Svelte + Sapper to connect nonprofits, students, and everyone else in between with Bits of Good 🚀
Stars: ✭ 40 (+81.82%)
Mutual labels:  sveltejs
Flooks
🍸 A state manager for React Hooks
Stars: ✭ 201 (+813.64%)
Mutual labels:  store
rust-json-file-store
A simple JSON file store written in Rust.
Stars: ✭ 61 (+177.27%)
Mutual labels:  store
Vue Vant Store
基于vue,vantUI的商城demo,包含前端和后端
Stars: ✭ 187 (+750%)
Mutual labels:  store
Apple Store Helper
Apple Store iPhone预约助手
Stars: ✭ 215 (+877.27%)
Mutual labels:  store
Depot.js
📦 depot.js is a storage library with a simple API
Stars: ✭ 247 (+1022.73%)
Mutual labels:  store
pinia
🍍 Intuitive, type safe, light and flexible Store for Vue using the composition api with DevTools support
Stars: ✭ 9,952 (+45136.36%)
Mutual labels:  store
sapper-authentication-demo
A demonstration of Auth with Sapper + JWT + Server Side Rendering + RBAC
Stars: ✭ 102 (+363.64%)
Mutual labels:  sveltejs

Svelte Dev Store

npm npm Twitter Follow

This project allows you to use the Redux Dev Tools browser plugin when working with a Svelte store instance.

To use this package in your project as you develop, you simply import this package instead of the svelte/store and create an instance of the exported class, instead of 'Store'.

import SvelteDevStore from 'svelte-dev-store';

const myStore = new SvelteDevStore({name: 'Gareth'});

myStore.set({name: 'Bob'});
myStore.set({name: 'Jim'});
myStore.set({name: 'Jeff'});

Then when you open up the Redux dev tools, you should see 3 newState actions and the chart should show the structure of your svelte store.

svelteDevStore has the exact same API as the actual svelte/store. It just extends it to incorporate sending actions to a very simple redux store, that enables you to see it in the dev tools.

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].