Learn how to build a real-time messaging app with React Native in this comprehensive tutorial. Discover how to implement features like one-on-one and group messaging, emojis, reactions, GIFs, image and video attachments, and URL previews using Stream's React Native Chat SDK. Follow along as the instructor guides you through initializing an Expo project, setting up Stream SDK, configuring UI components, implementing basic authentication, and creating chat rooms. By the end of this hands-on tutorial, you'll have built a fully functional chat application with enterprise-grade features in just a few hours.
Overview
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!
Taught by
notJust․dev
