💥 Add React Class Based Timeout

Author: YenHub

docs/engineering/javascript/react/react-class-timeout.md

@@ -0,0 +1,26 @@
+# Using `setTimeout` in React Class Components
+
+```javascript
+class TimeoutWrapper extends Component {
+  constructor(props) {
+    super(props);
+
+    // Initialise the timeout state
+    this.state = {
+      timeout: null
+    };
+  }
+
+  userTimeout() {
+    const { timeout } = this.state;
+    // Clear any previous timeouts
+    clearTimeout(timeout);
+    // Set our new timeout
+    this.setState({
+      timeout: setTimeout(() => {
+        // Do some fun timeout stuff here :)
+      }, 1000)
+    });
+  }
+}
+```

mkdocs.yml

@@ -44,6 +44,7 @@ nav:
               - "Debounce": "engineering/javascript/snippets/debounce.md"
           - React:
               - "React DevTools": "engineering/javascript/react/react-devtools.md"
+              - "React setTimeout": "engineering/javascript/react/react-class-timeout.md"
           - NPM:
               - "NVM QuickStart": "engineering/javascript/npm/nvm.md"
               - "NPM Tips & Snippets": "engineering/javascript/npm/npm-tips.md"