From 10767c4e5ea38f613b68905e639064e7d7377c52 Mon Sep 17 00:00:00 2001
From: sabertazimi <sabertazimi@gmail.com>
Date: Sun, 11 Nov 2018 13:04:53 +0800
Subject: [PATCH] update(react-hooks): global store hook (useStore)

issue sabertazimi/awesome-notes#105
---
 programming/web/reactjs/reactjsBasicNotes.md | 28 ++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/programming/web/reactjs/reactjsBasicNotes.md b/programming/web/reactjs/reactjsBasicNotes.md
index 6eaa8642799..97a2e19cfdb 100755
--- a/programming/web/reactjs/reactjsBasicNotes.md
+++ b/programming/web/reactjs/reactjsBasicNotes.md
@@ -470,6 +470,34 @@ function usePrevious(value) {
 }
 ```
 
+```js
+import { useState } from 'react';
+
+export const store = {
+  state: {},
+  setState(value) {
+    this.state = value;
+    this.setters.forEach(setter => setter(this.state));
+  },
+  setters: []
+};
+  
+// Bind the setState function to the store object so 
+// we don't lose context when calling it elsewhere
+store.setState = store.setState.bind(store);
+
+// this is the custom hook we'll call on components.
+export function useStore() {
+  const [ state, set ] = useState(store.state);
+
+  if (!store.setters.includes(set)) {
+    store.setters.push(set);
+  }
+
+  return [ state, store.setState ];
+}
+```
+
 ## ES6 Syntax
 
 ### this.setState()