React js integration with rocket chat websocket and real time chat app

Description

hi everyone , currently i’m working on integrating rocket chat rest apis and rocket chat realtime apis into my react-redux PWA . what i need is integration explanation for creating a realtime chat app in which 1- the number of unread messages would be shown
2- user status such as online ofline and … whould change according to websocket events.
3- updating pwa chat component messages according to every delete message - update message - add message events
4- remove unread messages count after user enters a rocket chat groups

it would be grate to consider this topic as a discussion and any thoughts,ideas and suggestions about how the flow of fireing actions related to descirbed socket events would be or any sample projects in which this kind of implementation is used, would be a great help . thanks

Server Setup Information

  • Version of Rocket.Chat Server: latest
  • Operating System: ubuntu
  • Deployment Method: docker
  • Number of Running Instances:
  • DB Replicaset Oplog:
  • NodeJS Version:
  • MongoDB Version:
  • Proxy:
  • Firewalls involved:

Any additional Information

Hello! And welcome to our community :slight_smile:

we have a Google Summer of Code in place here:

You can also check some other cool projects here:

And, finally, you can get in touch with the devs and mentor of this project here: