Adding Chat to your application couldn’t be easier than using Stream Chat SDK. That’s exactly what we are going to do during today’s workshop.
✨ Try Stream for free: https://gstrm.io/notjustdevhack
📚 Technical guide:
https://www.notjust.dev/blog/2022-11-...
We will build a premium messaging experience for our Virtual Events app 📅
✅ Private and Group Messaging
✅ Message reaction
✅ Replies & Threads
✅ Attachments, URL previews, gifs
✅ and more
Join the workshop, and let’s learn together!
✨ notJust Hackathon: http://bit.ly/3UUVMdm ✨
📚 Join the waitlist for "The Full-stack Mobile Developer" course
https://academy.notjust.dev/
💬 Join the notJust Development gang and let's build together
/ discord
✨ Source code: https://github.com/notJust-dev/Virtua...
Tag me on social media when you finish this build, and I will give you feedback on your project.
Twitter: / vadimnotjustdev
IG: / vadimnotjustdev
LinkedIn: / vadimsavin
Timecodes:
0:00 Introduction
04:35 notJustHack
05:12 Getting started
07:40 Setting up Stream
21:09 Prepare chat screens
31:32 Implement chat context provider
45:23 Add user to chat client
01:01:00 Create a global channel
01:08:52 Configuring pre-made Stream components
01:14:52 Navigation to the detailed ChatRoom
01:29:25 Update chat header title
01:35:30 Move users into the chat stack navigator
01:41:42 Private Messaging
01:54:48 Group Messaging
02:02:56 Demo
02:13:24 Outro
This video is sponsored by Stream
The Stream Maker Account provides qualifying teams with full and free access to Stream's Chat and Activity Feed APIs, making them accessible to side projects and new startups. No credit card is required. ✨ Try Stream for free: https://gstrm.io/notjustdevhack
Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
#notjustdev #hackathon #reactnative