Building a real time chat application with React

Channel:
United States Web Dev Cody
Subscribers:
254,000
Published on ● Video Link: https://www.youtube.com/watch?v=fmeYxNH9gxg


Duration: 20:01
1,520 views
45

Showing you how to build a real time chat room application using react 18 along with the agora.io library / service.

This video was a paid promotional video for Agora.io.

Code: https://github.com/codyseibert/agora-rtm-react
Agora: https://bit.ly/3xJkumJ

00:00 Introduction
00:37 project setup
01:47 Agora Setup
02:25 React App Setup
03:27 Connect to Agora on Mount
07:01 Setting up Message Form
10:17 Displaying Messages
12:45 Effect Cleanup / Disconnect
14:48 Displaying own messages
15:38 Displaying Them vs You
16:48 Pasting in Styling
17:58 - scrolling div on new messages

------------

🔔 Newsletter http://eepurl.com/hnderP
💬 Discord https://discord.gg/4kGbBaa
📁. GitHub https://github.com/codyseibert/youtube



Other Videos By Web Dev Cody


2022-07-11I tried to benchmark bun, but I think my testing was bad
2022-07-10An overview of the create T3 App (Next, Typescript, Tailwind, tRPC, Next-Auth)
2022-07-09Working on a side project in Next.js, Prisma, Next-Auth, T3 Stack
2022-07-07This is what shiny object syndrome looks like
2022-07-06I was wrong, just use typescript
2022-07-05Practicing TDD using Jest and Node (JavaScript) for calorie tracker cli tool
2022-07-04I don't use a lot of the tech taught on my channel
2022-07-03Practicing TDD with Jest & Javascript building a Calorie Tracker CLI tool (Nodejs)
2022-07-02How to use Redux Toolkit in your React Application to manage state
2022-06-30Walkthrough of how I set up Next-Auth with Prisma Adapter (Planetscale)
2022-06-27Building a real time chat application with React
2022-06-21Building a real time chat application with Vue 3 (composition API)
2022-06-20My coding journey
2022-06-19Refactoring and decoupling some react code (dry, kiss, yagni, wet)
2022-06-18When should you abstract code away? (with basic React example)
2022-06-17Trying Chakra UI For the First Time | Learning Session
2022-06-16How do server side authentication sessions work (express & cookies)
2022-06-14Why are there so many different ways to style a react app?
2022-06-12How to add pagination to a MERN app (with React-Query example)
2022-06-11Why the K.I.S.S Principal is probably the most important
2022-06-10How to build real time chat app with Svelte


Tags:
web development
programming
coding
code
learn to code
tutorial
software engineering