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

Course Curriculum

Chapter 1: Setting up developer environment

Lecture 1: Download and Install Nodejs

Lecture 2: Download and Install Visual Studio Code

Lecture 3: Install React Native (Expo)

Chapter 2: Starting our Socket.io backend

Lecture 1: Initializing our Socket.io backend

Lecture 2: Listening for connection event in Socket.io backend

Chapter 3: Connecting to Socket.io from React Native

Lecture 1: Connecting to Socket.io from React Native

Lecture 2: Removing yellow warning in React Native about Socket.io

Lecture 3: Adding TextInput and saving entered message state

Lecture 4: Sending Chat Message to Socket.IO Backend from React Native

Lecture 5: Receiving Message in React Native from Socket.io

Chapter 4: Bootstrapping UI with Gifted Chat UI Kit

Lecture 1: Installing Gifted Chat and fixing KeyboardAvoidingView in Android

Lecture 2: Displaying received messages from Socket.io in new UI

Lecture 3: Security issues to avoid, userId mapping and some house cleaning

Chapter 5: Expanding Socket.io backend

Lecture 1: Implementing userIds and sending full message object from Socket.io

Lecture 2: Creating Separate Message Event Handler

Chapter 6: Public Chat App with Usernames

Lecture 1: Adding Usernames to Socket.io Backend

Lecture 2: Creating Join Screen

Lecture 3: Layout in Join Screen

Lecture 4: Last polishes on Join Screen layout (Promise!)

Lecture 5: Creating JoinChat function and joining chat with usernames!

Lecture 6: Fixing issue with unique avatars

Chapter 7: Adding Navigation

Lecture 1: Intro to section

Lecture 2: Installing and Using react-navigation

Chapter 8: Adding Redux

Lecture 1: Intro to Redux section

Lecture 2: Adding Redux

Chapter 9: Using Redux and react-navigation in our Chat App

Lecture 1: Dispatching Join Event from JoinScreen.js with Redux

Lecture 2: Navigating to FriendListScreen and fixing keyboard for Android in JoinScreen

Lecture 3: Getting Users Online from Socket.io into our Redux Store

Lecture 4: Displaying Users Online in FlatList and handling disconnect event

Lecture 5: Adding User Avatar and TouchableOpacity to FriendListScreen

Lecture 6: Navigating to ChatScreen after pressing on User in FriendList

Lecture 7: Sending Private Message to Socket.io backend

Chapter 10: Implementing Private Messaging

Lecture 1: Creating selfUser State Property

Lecture 2: Creating Conversations State Property

Lecture 3: Appending sent messages locally

Lecture 4: Sending messages across Socket.IO

Lecture 5: BONUS – coupons for other courses