Page Refresh and Unistore #143

Activity

1. developit commented on Mar 8, 2019

   

   developit

   on Mar 8, 2019

   Owner

   More actions

   import createStore from 'unistore';
   
   // The top-level state properties you want to persist
   const KEYS_TO_SAVE = ['foo', 'bar', 'baz'];
   
   const store = createStore(loadState() || INITIAL_STATE);
   
   // throttle saving
   let timer;
   store.subscribe(() => {
   	if (timer) return;
   	timer = setTimeout(saveState, 100);
   });
   
   function saveState() {
   	timer = null;
   	let state = store.getState();
   	let saved = {};
   	for (const key of KEYS_TO_SAVE) saved[key] = state[key];
   	localStorage.setItem('state', JSON.stringify(saved));
   }
   
   function loadState() {
   	try {
   		return JSON.parse(localStorage.getItem('state'));
   	} catch (e) {}
   }

   👍React with 👍2Reacted by Joscha Rohmann and Pablo Igarzábal
2. developit

   added

   question

   on Mar 8, 2019
3. Kanaye commented on Mar 9, 2019

   

   Kanaye

   on Mar 9, 2019

   More actions

   There is also a library called unissist that provides persistence for unistore using local storage or indexedDB.

   👍React with 👍1Reacted by Jason Miller

   🎉React with 🎉1Reacted by Jason Miller

   ❤️React with ❤️1Reacted by Jason Miller
4. developit commented on Mar 10, 2019

   

   developit

   on Mar 10, 2019

   Owner

   More actions

   @Kanaye I totally forgot! Definitely use unissist - better to save to IndexedDB for sure.