From Zero to Cybersecurity Analyst

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Build a Discord Clone with React Native

notJust․dev via YouTube

Start learning Write review

Overview

Build a fully-fledged Discord clone using React Native and Stream Chat SDK in this comprehensive tutorial video. Learn to create a real-time chat messaging application with features like 1-on-1 and group messaging, emojis, reactions, GIFs, image/video attachments, and URL previews. Follow step-by-step instructions to set up the project, initialize Stream client, configure UI components, implement basic authentication, create channels, and customize the app's theme. By the end of this 3-hour 43-minute tutorial, you'll have a functional chat app similar to Discord or Slack, complete with engaging features that modern app users expect.

Syllabus

Intro
Prerequisite
Setting up the project
Create Steam account & install stream chat SDK
Initialize a Stream client
Connect a user
Create a channel
Configuring UI components - overlay provider
Configuring UI components - chat
Configuring UI components - chat list
Configuring UI components - channel
Configuring UI components - message list
Configuring UI components - Message input
Summary
Basic authentication
Create auth context
Display channel list with drawer navigator
Create a channel screen
Render the messages for a channel
Theming
Fixing users channel list
Allow user join a channel
App test
Q&A

Taught by

notJust․dev

Reviews

Start your review of Build a Discord Clone with React Native

Start learning

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.