Build a Messaging App with React Native - Tutorial for Beginners

This beginner tutorial builds a real-time messaging application with React Native and Stream Chat. Learners configure chat channels and UI components, add one-to-one and group messaging, rich messages, authentication, user lists, chat-room navigation, and custom components.

Syllabus

- Intro Building Chat Application in React Native
- Benefits of Stream Chat API
- Initializing the expo project
- Open Project in Terminal in VSC
- Running the development server
- Opening an iOS simulator
- Sign up for Stream SDK
- Creating New App in Stream
- Install Dependencies and Libraries
- Initialize a client
- Connect a user
- Disable Authentication checks
- Disconnect a user
- Create a channel
- Configuring UI Components
- Overlay Provider Component
- Chat Component
- Chat List
- Channel list
- Rendering a Channel Component
- Message List Component
- Message Input
- Custom Components examples
- Summary of the set up
- Basic Authentication
- Render a List of Users
- Create a Chat Room with a user
- Navigation of the Chat Room
- Debugging before testing
- Q&A about the Chat App
- Using the just built Chat app in real time
- Overview and thanks to Stream!