Chat-Room | Using React Redux Socket.io Material-UI to implement | Socket library

This question is very similar to This question

I have set up a Vue page with Laravel and showing all posts with a help of a GET request. I am also listening to a Laravel ECHO event and unshifting the value to the all posts array making it appear on top.

I have set up the infinite scroll and paginating 5 results per page using this package. Results appear on the page and pushing to the array from the listener also works. However, when infinite scroll loads the 2nd results page, the 6th result is duplicated.

The aforementioned package accepts next_cursor an offset value as the parameter instead of page=2 so it exactly loads the value without any duplications.

Controller.php

I want to send messages from nodejs backend to the specified websocket channel. So I want to implement/use similar function like convertAndSend function on the spring SimpMessagingTemplate.

I try to implement this with ws lib, but the send function only has two parameter: message & callback and I cannot specify the message destination. Here is a brief example from backend code:

I got a Laravel Route like this

I have a Chat component which works fine on the happy flow but when I go on another view (meaning I exit the chat component) and come back after that in the chat component, I get duplicates messages.

I placed an console.log into the function which is triggered by the enter event but it displays only once. However, the emit from inside trigger twice I think because on the server side (nodeJs) I get the data twice.

This is my code:

My video chat app works properly in the same network. It generates and connects IceCandidate using stun as well. But for some reason the peer videos don't play in different networks. I am having trouble debugging the issue.

I haven't used any turn server but I doubt that is the problem as the peers from different networks already joins using stun, only videos don't play

Basically I am trying to build a web app similar to Slack using React and Firebase/Firestore. I can build a chat-room-like-Slack web app where user can create multiple channels to chat. However, I do not know how to replicate the workspace concept of Slack. Take this URL for example: https://app.slack.com/client/T01X6XXXXXX/X01X9XXXXXX , the number after /client/: T01X6XXXXXX is the unique ID of the workspace and only invited user can join. Once joined, invited user can see all the channels created before by the other user. Random user cannot join this workspace since they don't know the ID of the workspace.

So my question is: How can I build a chat rooms with this workspace concept with React/Firebase/Firestore? How should I structure my Firestore Db?

Currently, my Firestore Data looks like this:

/rooms/HgUYoCYI45DCTScIMYEG/messages

The number in between rooms (collections) and messages (collections) is the channel Id. The channel (document) consists of channelName and channelId.

I'm only a beginner and I don't know if this a dumb question or not. Thank you for your time.

my messages.ts page is parent and chat-room.ts is child page. There is no problem when I enter messages page but when i select any user for chat and I go to the chat room and create a new message , The person I am talking to is added one more time into the array.How can i fix this?

First enter message page = https://prnt.sc/uviwvo

second when i talk e.g"Tosun" user = https://prnt.sc/uvixxe

Finnaly when i come back (here is a problem) added once again into array =https://prnt.sc/uviyl3

message.page.ts:

I am creating a chat application using nodeJs and socket.io. Front end is made using React. I went through many questions on SO, i was not able to get some of them and some doesn't works.

After a month o f making an app in react-native vanilla, realisede today, that i wont be able to make the Ios side without an MacOS machine.

As i only have Windows and this is just a first try for me of making an an app, i wonder is it worth trying to remake the app using expo-cli. I am just unsure, coz everwhere is said that it is now adviced.

My point is that my app i a simple "chat-room" based application, that only includes transfering data between the client and the abckend ( firebase). Is it okay to ue expo in this case?