Build a Chat Application using React, Redux, Redux-Saga, and Web Sockets - Tutorial
video description
Date: 2022-03-14
Related videos
Comments and reviews: 10
Joe
this video is helpful (thanks for making it), but there were far too many items that were 'glossed over' for it to be a game-changer. also, I agree with the other commenters who say the lesson lacks cohesion...it would have been far more beneficial to provide some basic diagrams early on in the video that could illustrate the basic structure of this Redux app...in other words, where's the '20,000 foot view' to anchor our understanding? instead, we feel like you are working on a puzzle as fast as you can after someone scattered the pieces of it all over the room. I had some other minor points to quibble, but I don't feel right about it because you seem so gol-darn nice.
reply
this video is helpful (thanks for making it), but there were far too many items that were 'glossed over' for it to be a game-changer. also, I agree with the other commenters who say the lesson lacks cohesion...it would have been far more beneficial to provide some basic diagrams early on in the video that could illustrate the basic structure of this Redux app...in other words, where's the '20,000 foot view' to anchor our understanding? instead, we feel like you are working on a puzzle as fast as you can after someone scattered the pieces of it all over the room. I had some other minor points to quibble, but I don't feel right about it because you seem so gol-darn nice.
reply
Ray
Helpful learning experience trying to follow this. It appears to compile OK for me, but I'm getting WebSocket connection to 'ws://localhost:8989/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED in the development tools console. I think at one point everything came together and sort of worked. I think he got Chance to put random users by refreshing the page on localhost:3000. That only worked once for me, then never able to do it again. Unfortunately, flavio is impossible to reach and this project no longer even exists on his website. Would it be useful to post questions on this at the FCC community forum?
reply
Helpful learning experience trying to follow this. It appears to compile OK for me, but I'm getting WebSocket connection to 'ws://localhost:8989/' failed: Error in connection establishment: net::ERR_CONNECTION_REFUSED in the development tools console. I think at one point everything came together and sort of worked. I think he got Chance to put random users by refreshing the page on localhost:3000. That only worked once for me, then never able to do it again. Unfortunately, flavio is impossible to reach and this project no longer even exists on his website. Would it be useful to post questions on this at the FCC community forum?
reply
Rodrigo
someone more having this problem? -Warning: Failed prop type: The prop -dispatch- is marked as required in -AddMessage-, but its value is -undefined-.
in AddMessage (at Chat.js:28)
in ChatTab (at routes.js:32)
in component (at routes.js:13)
in Route (at routes.js:10)
in PrivateRoute (at routes.js:31)
in Switch (at routes.js:27)
in Router (created by BrowserRouter)
in BrowserRouter (at routes.js:26)
in Routes (at src/index.js:20)
in Provider (at src/index.js:19)
in App (at src/index.js:24)-
reply
someone more having this problem? -Warning: Failed prop type: The prop -dispatch- is marked as required in -AddMessage-, but its value is -undefined-.
in AddMessage (at Chat.js:28)
in ChatTab (at routes.js:32)
in component (at routes.js:13)
in Route (at routes.js:10)
in PrivateRoute (at routes.js:31)
in Switch (at routes.js:27)
in Router (created by BrowserRouter)
in BrowserRouter (at routes.js:26)
in Routes (at src/index.js:20)
in Provider (at src/index.js:19)
in App (at src/index.js:24)-
reply
Artem
In the last section of the tutorial that deals with web sockets, how come the client never sends an ADD_USER call to the server before it starts sending messages? Also, shouldn't the server send a users list to each new client at connection time? The app appears to be working for you in the end, which is really surprising considering what I've mentioned.
reply
In the last section of the tutorial that deals with web sockets, how come the client never sends an ADD_USER call to the server before it starts sending messages? Also, shouldn't the server send a users list to each new client at connection time? The app appears to be working for you in the end, which is really surprising considering what I've mentioned.
reply
Dimitar
Merry Christmas,Sir.-
When we type in a text box (belonging to an input tag), the browser shows up what we have-
typed immediately( in the same box), without rerendering ( in React terms).
Just a link ( or a hint) for more-
information on that process.-
Best regards-
Dimitar
reply
Merry Christmas,Sir.-
When we type in a text box (belonging to an input tag), the browser shows up what we have-
typed immediately( in the same box), without rerendering ( in React terms).
Just a link ( or a hint) for more-
information on that process.-
Best regards-
Dimitar
reply
John
IF you want to make informative tutorials.. try making components in order and testing them as you go instead of building the whole app backwards and never running or testing your code once until the end.. no one develops like this.. so in that instance this is a horrible tutorial
reply
IF you want to make informative tutorials.. try making components in order and testing them as you go instead of building the whole app backwards and never running or testing your code once until the end.. no one develops like this.. so in that instance this is a horrible tutorial
reply
Camilo
So... I finished the video, it helped me out a lot, but I gotta say that the only reason I understood what you were doing, is because of previous knowledge. This is not a tutorial at all, it's more of an -I read someone's code and I type blindfolded- for a lot of users.
reply
So... I finished the video, it helped me out a lot, but I gotta say that the only reason I understood what you were doing, is because of previous knowledge. This is not a tutorial at all, it's more of an -I read someone's code and I type blindfolded- for a lot of users.
reply
Ivan
Thanks, but what about to run this app from different devices? I tried to do this by connecting via my phone, which had been connected to the same network as laptop. But I didn-t get messages from different divices. Can anybody tell me the reason ?
reply
Thanks, but what about to run this app from different devices? I tried to do this by connecting via my phone, which had been connected to the same network as laptop. But I didn-t get messages from different divices. Can anybody tell me the reason ?
reply
RequinRage
Hey, can someone help me with my issue? Server-side's node app.js command is not working for me. It basically does nothing, just freezes without any errors. It means that my websocket server is not running :/
reply
Hey, can someone help me with my issue? Server-side's node app.js command is not working for me. It basically does nothing, just freezes without any errors. It means that my websocket server is not running :/
reply
md
i have some problem
Sidebar.PropTypes = --
users: PropTypes.arrayOf(-
PropTypes.shape(--
id: PropTypes.number.isRequired,-
name: PropTypes.string.isRequired,-
-).isRequired-
),-
-;
reply
i have some problem
Sidebar.PropTypes = --
users: PropTypes.arrayOf(-
PropTypes.shape(--
id: PropTypes.number.isRequired,-
name: PropTypes.string.isRequired,-
-).isRequired-
),-
-;
reply
Add a review, comment
Other channel videos
