Build a Twitch Chat Clone with React, Typescript, TailwindCSS and Socket.io
🌱 Source Code: https://github.com/CodeWithGionatha-L...
💬 Discord: / discord
📚 Resources
Socket.io: https://socket.io/docs/v4/
Vite: https://vitejs.dev/guide/
Typescript Hooks: https://github.com/juliencrn/usehooks-ts
In this video, we are going to build a real-time Twitch Chat clone by using React, Tailwind, Typescript, and Socket.io.
Timestamps
00:00 Intro
01:09 Project Setup
03:05 Base Style
04:29 Building the Chat
07:10 Models & Helpers functions
09:37 Building the Chat Message
12:09 Displaying fake messages
14:11 Server Overview
15:17 Connecting to the server
18:32 Live Chat Scrolling
22:35 Chat Paused Alert
24:36 Sending messages
26:45 Emoji Picker
31:08 Custom Scrollbar
32:16 Outro
#react #tutorial #twitch #twitchchat #tailwindcss #socketio
Смотрите видео Build a Twitch Chat Clone with React, Typescript, TailwindCSS and Socket.io онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Code With Gionatha 24 Сентябрь 2022, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 2,77 раз и оно понравилось 8 людям.