Adds electron-store for simple persistance. (#21)

Author: skellock

docs/stack.md

@@ -72,6 +72,10 @@ Allows our app to auto-update.
 
 A few quality-of-life utilities for working in Electron.
 
+> **electron-store**
+
+Persist JSON to the file system.
+
 ## Bundler
 
 > **fuse-box**

package-lock.json

@@ -39,6 +39,7 @@
   "dependencies": {
     "electron-is-dev": "0.2.0",
     "electron-log": "2.2.7",
+    "electron-store": "^1.2.0",
     "electron-updater": "2.7.1",
     "mobx": "3.2.1",
     "mobx-react": "4.2.2",

package.json

@@ -4,6 +4,10 @@ import { LongTab } from '../long-tab/long-tab'
 import { DogTab } from '../dog-tab/dog-tab'
 import { Flex } from 'rebass'
 import { Header } from '../header/header'
+import * as Store from 'electron-store'
+
+// a sample store
+const store = new Store()
 
 interface WelcomeScreenState {
   tab: SampleTabType
@@ -14,7 +18,17 @@ export class WelcomeScreen extends React.Component<{}, WelcomeScreenState> {
     tab: 'one'
   }
 
+  componentDidMount() {
+    // grab the persisted tab if we have one
+    const tab = store.get('tab') || 'one'
+    this.setState({ tab })
+  }
+
   setTab = (tab: SampleTabType) => {
+    // persist the store... pretty trivial example, but ya, it's that easy.
+    // Probably not the best idea to hit disk everytime you change a tab, but
+    // if you're gunning for a prototype, everything is fair game.
+    store.set('tab', tab)
     this.setState({ tab })
   }