Higher-order function for persist effector store in local storage
npm install effector-persisttypescript
import { withPersist } from "effector-persist";
import { createStore, createEvent } from "effector";const store = withPersist(createStore([], {name: 'shops'}));
const addStore = createEvent<{name: string}>();
store.on(addStore, (state, store) => [...state, store]);
`
$3
`typescript
import { withPersist } from "effector-persist";
import { createStore } from "effector";
import * as R from "ramda";const createPersistedStore = R.pipe(createStore, withPersist);
const store = createPersistedStore([], {name: 'shops'});
`
$3
`typescript
import { withPersist } from "effector-persist";
import { createStore, createEvent } from "effector";const store = withPersist(createStore([], {name: 'shops'}), {expire: Date.now() + 2000});
const addStore = createEvent<{name: string}>();
store.on(addStore, (state, store) => [...state, store]);
`$3
Every store update, withPersist cache result of update in LocalStorage with key persist:.When store is created
withPersist` restore previous state from snapshot in LocalStorage.