Socket.IO Chat App in React Native for iOS/Android

Learn how to setup a connection event listener inside the Socket.io backend server with Nodejs and Nodemon

In this section you'll be able to connect to the Socket.io backend from your React Native mobile app in either Android/iOS with the useEffect React Hook and socket.io-client package.

Let's add a TextInput component from React Native so our user can enter in their chat message. Then we'll also learn how to save the state of the entered chat message in React, so we can use it later when we need to send the message. We'll be saving the state using the newest React Hook useState.

Learn how to use the useRef React Hook and how to emit a message event to the Socket.io backend from the React Native client

In this lecture you are going to see how we can separate the concerns or event handlers inside our Socket.io backend, to create a better structure for our Socket.io backend.

Let's add some cool icons and a input for the user's desired username inside our React Native client.

How to dispatch an action with the useDispatch React Hook

Learn how to use react-navigation to navigate to a new screen

Finally we'll see how to send the private message from one device to another using Socket.IO and Redux in React Native with Expo!