WebSocket connection between reactjs Client and flask-socketio Server doesn't open

This page summarizes the projects mentioned and recommended in the original post on /r/codehunter

SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
InfluxDB - Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com
featured
  • react-websocket

    Easy-to-use React component for websocket communications.

  • from flask_socketio import SocketIO, emitapp = Flask(__name__)app.config['SECRET_KEY'] = 'secret!'socketio = SocketIO(app)... # Server functionality for receiving and storing data from elsewhere, not related to the websocket# Handle the webapp connecting to the [email protected]('connect')def test_connect(): print('someone connected to websocket') emit('responseMessage', {'data': 'Connected! ayy'})# Handle the webapp connecting to the websocket, including namespace for [email protected]('connect', namespace='/devices')def test_connect2(): print('someone connected to websocket!') emit('responseMessage', {'data': 'Connected! ayy'})# Handle the webapp sending a message to the [email protected]('message')def handle_message(): print('someone sent to the websocket')# Handle the webapp sending a message to the websocket, including namespace for [email protected]('message', namespace='/devices')def handle_message2(): print('someone sent to the websocket!')@socketio.on_error_default # handles all namespaces without an explicit error handlerdef default_error_handler(e): print('An error occured:') print(e)if __name__ == '__main__': socketio.run(app, debug=True, host='0.0.0.0') For the front end, I initially tried using a library as well. I went with react-websocket.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts

  • Show HN: Cami.js – A No Build, Web Component Based Reactive Framework

    6 projects | news.ycombinator.com | 4 Nov 2023
  • Making Sense of React Server Components

    7 projects | news.ycombinator.com | 6 Sep 2023
  • 5 React Libraries to Level Up your Projects in 2023

    8 projects | dev.to | 19 Jun 2023
  • What are some of the best libraries you cannot work without?

    9 projects | /r/reactjs | 8 Jun 2023
  • Learn React the hard way

    4 projects | dev.to | 6 Mar 2022