Socket.IO 聊天应用程序,采用 React Native 开发,适用于 iOSAndroid
Socket.IO Chat App in React Native for iOSAndroid
- 01 - Setting up developer environment
- 001 Download and Install Nodejs
- 002 Download and Install Visual Studio Code
- 003 Install React Native (Expo)
- 02 - Starting our Socket.io backend
- 001 Initializing our Socket.io backend
- 002 Listening for connection event in Socket.io backend
- 03 - Connecting to Socket.io from React Native
- 001 Connecting to Socket.io from React Native
- 002 Removing yellow warning in React Native about Socket.io
- 003 Adding TextInput and saving entered message state
- 004 Sending Chat Message to Socket.IO Backend from React Native
- 005 Receiving Message in React Native from Socket.io
- 04 - Bootstrapping UI with Gifted Chat UI Kit
- 001 Installing Gifted Chat and fixing KeyboardAvoidingView in Android
- 002 Displaying received messages from Socket.io in new UI
- 003 Security issues to avoid, userId mapping and some house cleaning
- 05 - Expanding Socket.io backend
- 001 Implementing userIds and sending full message object from Socket.io
- 002 Creating Separate Message Event Handler
- 06 - Public Chat App with Usernames
- 001 Adding Usernames to Socket.io Backend
- 002 Creating Join Screen
- 003 Layout in Join Screen
- 004 Last polishes on Join Screen layout (Promise!)
- 005 Creating JoinChat function and joining chat with usernames!
- 006 Fixing issue with unique avatars
- 07 - Adding Navigation
- 001 Intro to section
- 002 Installing and Using react-navigation
- 08 - Adding Redux
- 001 Intro to Redux section
- 002 Adding Redux
- 09 - Using Redux and react-navigation in our Chat App
- 001 Dispatching Join Event from JoinScreen.js with Redux
- 002 Navigating to FriendListScreen and fixing keyboard for Android in JoinScreen
- 003 Getting Users Online from Socket.io into our Redux Store
- 004 Displaying Users Online in FlatList and handling disconnect event
- 005 Adding User Avatar and TouchableOpacity to FriendListScreen
- 006 Navigating to ChatScreen after pressing on User in FriendList
- 007 Sending Private Message to Socket.io backend
- 10 - Implementing Private Messaging
- 001 Creating selfUser State Property
- 002 Creating Conversations State Property
- 003 Appending sent messages locally
- 004 Sending messages across Socket.IO