How to Create Chat in React | A React Chat App Tutorial with Eddie Jaoude

Developer Eddie Jaoude walks us through how to create chat in React using CometChat's React Chat UI Kit. It's insanely simple to build, allows for some really cool customization, comes with loads of features right out of the box, and only takes about 30 minutes to implement.

About CometChat 🚀
----------------------------------------
CometChat offers lightning-fast chat APIs & cross-platform SDKs built for incredible scale & reliability, pre-built widgets & open-source UI components that enable developers to quickly add text, voice & video messaging to their websites & apps so their end users can engage with each other safely & securely. Our in-app messaging solutions come fully loaded with robust features you won’t find anywhere else — right out of the box.

About Eddie Jaoude
----------------------------------------
With over 15 years of experience as a full-stack developer. I am most passionate about getting everyone into Open Source! I really believe it is for everyone. It doesn't matter where you are from, your job title, background, or experience; all Open Source cares about, is you visit once in a while. Open Source is about people, community, and collaboration, it is not just about code. I create videos and live streams on YouTube getting you into Open Source.

Chapters:
0:00​ Introduction
1:40​ Getting Started & Navigating the Dashboard
5:40​ Extensions
7:20 Building the React Chat App
13:30 React UI Kit
18:15 Sample Use Cases
18:50 Use Case: Live Events
23:18 Use Case: Healthcare
27:20 Use Case: Community
34:20 Summary

[CometChat]

Thanks for watching! Please leave a comment and let us know what you topics you'd like to see covered on a future video, or what questions you have about CometChat!

[cnak]

Thanks Eddie!! Such a great explainer, I aways look forward to your videos. When is the next one?

[edisona]

Some useful information! Wish there was more on Architecture.

[fabrizio_pisani]

If anywhere exist that healthcare chat example? Or this is available only after payment?

[vanshitasingh]

are you using local storage to store the data?

[nithunp]

getting an error while run npm start 'babel-eslint' version is older. Followed the steps they given but again the same error occured

[wahyupriadi]

How to disable some features? I want to disable voice chat, video chat, and side menu as well as hide their button at the top of conversation

[yogatanaya]

Hello Eddie, may i know where is the Github Link???? i could not find it ^_^

[sushantsuman]

i m getting error on protectedRout not not in constant

[anirudhachakrabarty]

Can i replace the default private messaging of buddypress with comet chat? So that if a user clicks on the default buddypress private messagings button that will open in the chat window?

[DeepakMeena-cfvl]

these chats temporary or stored some where?