Persist choo state to localStorage. localStorage is supported by all major browsers.
var persist = require('choo-persist')
var choo = require('choo')
var app = choo()
app.use(persist())
Load the app state from localStorage
and set up listeners to write the state
back on every event. Can take an optional argument of options:
- opts.name: default
'choo-persist'
; thelocalStorage
key. - opts.filter(state): modify the state that's about to be saved. Useful for removing values that cannot be serialized to JSON.
var xtend = require('xtend')
var opts = {
filter: function (state) {
state = xtend(state) // clone the object
delete state.sadArrayFilledWithFunctions
return state
}
}
$ npm install choo-persist
No; state is persisted between page reloads which might put your page in very odd states, with a very annoying way to clear. Consider using hot reloading for development instead.
Ah, this is where good ol' data persistance comes into play - there's loads of approaches on this, but yeah you should def find a way to migrate data between incompatible models. Perhaps some day we'll have a good chapter on this in the choo handbook. Until then: have fun I guess?