Learn to build a real-time messaging app with engaging features using Stream's React Native Chat SDK in just 2 hours. By the end of the tutorial, you will be able to create 1-on-1 and group messaging, incorporate emojis, reactions, GIFs, images, videos, attachments, URL previews, and more. The course covers setting up the project, installing dependencies, configuring UI components, implementing basic authentication, rendering user lists, creating chat rooms, and debugging. The intended audience for this tutorial is beginners interested in developing messaging functionality for mobile apps using React Native.
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
