React Socketio Chat - Paso a Paso (Despliegue, Tailwindcss, Nodejs)
Aprende a crear una aplicacion web en tiempo real usando React y Nodejs, comunicandolos a traves de Socket.io. En este tutorial aprenderemos a crear un servidor de Nodejs, y configurar nuestro servidor de Web Sockets para luego comunicarlo con nuestro frontend de React, y añadirles estilos usando el framework de CSS, TailwindCSS, para finalmente desplegarlo en Heroku de forma gratuita.
Debido a que este tutorial se usa Express, React, y Node, facilmente tambien se pudo haber llamado el stack MERN, pero como no usamos una base de datos en este ejemplo no podria ser llamado de esa forma.
Indice del Contenido
00:00 Introduccíon
00:46 Configuracion del Servidor
11:57 Configuracion del Frontend
21:30 Socket.io Events
34:25 Interfaces para los mensajes
42:20 TailwindCSS
51:15 Despliegue del Chat en Heroku
Código del ejemplo practico:
https://github.com/fazt/react-express-socketio
? Videos Recomendados:
Github Pages npm ➜ https://youtu.be/G2FoSpsq3Rw
Mongodb Visual Studio Code ➜ https://youtu.be/fZgJHJO81dw
Mongoose ➜ https://youtu.be/gfP3aqV38q4
Curso de Nodejs ➜ https://youtu.be/BhvLIzVL8_o
Thunder Client ➜ https://youtu.be/HZx5X3s_Jl4
Variables de Entorno en Nodejs ➜ https://youtu.be/U6st9-lNUyY
Curso de Git ➜ https://youtu.be/HiXLkL42tMU
Rest client VSCode ➜ https://youtu.be/3QLcHjNp-08
Mongodb Atlas ➜ https://youtu.be/Imwk0HtEuGY
?? ¿Qué servicios y productos utilizo?
Ledger (Hardware Wallet) ➞ https://bit.ly/3ijsVNW
SiteGround ➞ https://bit.ly/31u9ZEk
DigitalOcean ➞ https://m.do.co/c/8ef261d77de5
Expo ➞ https://bit.ly/2WpYKtx
Cloudinary ➞ https://bit.ly/3ohNlJ7
Namecheap ➞ namecheap.pxf.io/ErDe9
#react #tailwindcss #nodejs
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «React Socketio Chat - Paso a Paso (Despliegue, Tailwindcss, Nodejs)», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.