react-hooks and cocurrent Api calls

Author: Ashfaq

.DS_Store

@@ -0,0 +1 @@
+node_modules

.gitignore

@@ -0,0 +1,29 @@
+const axios = require('axios');
+let NewsIDs = [9224, 8917, 8952, 8884, 8887, 8869, 8958, 8940, 8908, 9005, 8873, 9671, 9067, 9055, 8865, 8881, 8872, 8955, 10403, 8903, 8928, 9125, 8998, 8901, 8902, 8907, 8894, 8870, 8878, 8980, 8934, 8943, 8876];
+
+module.exports = {
+  concurrentApiCalls: (function getNewsByID(IDs) {
+    // It will return and URL
+
+    function gerURL(id) { return `https://hacker-news.firebaseio.com/v0/item/${id}.json?` }
+    // It will make API Call and returns promise Object.
+    async function fetchData(URL, id) {
+      try {
+        let apiResponse = await axios.get(URL)
+        return { [id]: apiResponse.data.text || '' }
+      } catch (error) { return { [id]: '' } }
+    }
+    // It will return an array of promise Object.
+    function fetchCompleteData() {
+      return IDs.map((id) => fetchData(gerURL(id), id))
+    }
+    // Promise.all will wait till all promises are resolved or any one is rejected. 
+
+    return Promise.all(fetchCompleteData()).then(resp => {
+      console.log({ success: true, data: resp })
+      return { success: true, data: resp }
+    }).catch(error => {
+      return { success: false }
+    })
+  })(NewsIDs)
+}

concurrentApiCalls.js

@@ -0,0 +1 @@
+const { concurrentApiCalls } = require("./concurrentApiCalls");

index.js

@@ -13,5 +13,8 @@
     "commonJS"
   ],
   "author": "mohammedashfaq.nitk@gmail.com",
-  "license": "ISC"
+  "license": "ISC",
+  "dependencies": {
+    "axios": "^0.19.0"
+  }
 }

package-lock.json

@@ -0,0 +1,13 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "type": "node",
+      "request": "attach",
+      "name": "Node: Nodemon",
+      "processId": "${command:PickProcess}",
+      "restart": true,
+      "protocol": "inspector"
+    }
+  ]
+}

package.json

@@ -0,0 +1,13 @@
+function useState(initialValue) {
+  var _val = initialValue;
+  function getCurrentState() {
+    return _val;
+  }
+  function setState(newState) {
+    _val = newState;
+  }
+  return [getCurrentState, setState];
+}
+module.exports = {
+  useState
+};

reactHooks/.vscode/launch.json

@@ -0,0 +1,11 @@
+function useState(initialValue) {
+  var _val = initialValue;
+
+  function setState(newState) {
+    _val = newState;
+  }
+  return [_val, setState];
+}
+module.exports = {
+  useState
+};

reactHooks/hookReplica1.js

@@ -0,0 +1,20 @@
+module.exports = {
+  MyReact: (function () {
+    let _val;
+    return {
+      render(Component) {
+        const Comp = Component()
+        Comp.render()
+        return Comp
+      },
+      useState(initialValue) {
+        _val = _val || initialValue;
+
+        function setState(newState) {
+          _val = newState;
+        }
+        return [_val, setState];
+      }
+    }
+  })()
+}

reactHooks/hookReplica2.js

@@ -0,0 +1,33 @@
+const { useState: useState1 } = require('./hookReplica1');
+const { useState: useState2 } = require('./hookReplica2');
+const { MyReact } = require('./hookReplica3');
+
+function Button(useState) {
+  debugger;
+  const [state, setState] = useState(15);
+  console.log('\ninitial Value', state);
+  setState(20);
+  console.log('updated Value', state);
+  console.log('execution Completed\n');
+}
+
+
+function Counter() {
+  const [count, setCount] = MyReact.useState(0)
+  return {
+    click: () => setCount(count + 1),
+    render: () => console.log('render:', { count })
+  }
+}
+
+// function hooks() {
+//   Button(useState1);
+//   Button(useState2);
+
+// }
+let App
+App = MyReact.render(Counter) // render: { count: 0 }
+App.click()
+App = MyReact.render(Counter) // render: { count: 1 }
+
+// hooks();