added react and flask socket

Author: akmamun

README.md

@@ -7,6 +7,7 @@
 - [Select Single Checkbox](js/single-checkbox-selection.js) 
 - [Datetime (Unix , RealTime and Formatted Datetime)](js/datetime.js) 
 ## React JS 
+- [React Socket Connection](react-js/Socket.js)
 - [Exportable API Endpoint](react-js/api/ApiHelper.js)
 - [Example API Helper Routes ](react-js/api/ExampleApi.js)
 - [API Integration Add Component](react-js/api/ApiAdd.js)
@@ -27,7 +28,7 @@
 
 ## Python 
 - [Find Router Connected Ip List of](python/router_ip_address.py)
-
+- [Flask Socket Connection](python/flask_socket.py)
 - [Google Cloud Pub/Sub Publishing/subscription messages and subscriptions list](python/pubsub.py)
 - [Dockerize Flask App](python/Dockerfile)
 - [Cython Compile File Generator](python/compile.py)

python/flask_socket.py

@@ -0,0 +1,18 @@
+# pip install flask flask_socketio 
+from flask import Flask
+from flask_socketio import SocketIO,emit
+import flask_socketio
+
+app = Flask(__name__)
+socketio = SocketIO(app)
+
+
+@socketio.on('connect')
+def test_message():
+    data = "asd"
+    emit('my', {data: 'got it!'})
+
+if __name__ == '__main__':
+    # app.run(debug=True)
+        socketio.run(app, debug=True)
+    

react-js/Socket.js

@@ -0,0 +1,34 @@
+// npm install socket.io-client
+import React,{Component} from 'react';
+import socketIOClient from "socket.io-client"
+
+class Socket extends Component {
+
+  constructor() {
+        super();
+        this.state = {
+            response: 0, 
+            endpoint: "http://localhost:5000"
+        };
+    }
+
+    componentDidMount() {
+
+        const {endpoint} = this.state;
+        const socket = socketIOClient(endpoint);
+        console.log("MOUNT");
+        socket.on("my", function (data) {
+            console.log("GETTING DATA ", data);
+        })
+    }
+
+    render() {
+
+        return (
+            <div>
+                Test Socket
+            </div>
+        )
+    }
+}
+export default Socket;