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: github.com/fazt/react-express-socketio 🎥 Videos Recomendados: Github Pages npm ➜    • Github Pages | Sitios Estaticos Grati...   Mongodb Visual Studio Code ➜    • Mongodb para Visual Studio Code Exten...   Mongoose ➜    • Mongoose | Introducccion Práctica par...   Curso de Nodejs ➜    • Nodejs Curso Desde Cero, para princip...   Thunder Client ➜    • Thunder Client - Postman dentro de Vi...   Variables de Entorno en Nodejs ➜    • Variables de Entorno en Node.js | dot...   Curso de Git ➜    • Git y Github | Curso Práctico de Git ...   Rest client VSCode ➜    • Rest Client | Extension de Visual Stu...   Mongodb Atlas ➜    • MongoDB Atlas, NoSQL en la nube   👨‍💻 ¿Qué servicios y productos utilizo? Ledger (Hardware Wallet) ➞ bit.ly/3ijsVNW SiteGround ➞ bit.ly/31u9ZEk DigitalOcean ➞ m.do.co/c/8ef261d77de5 Expo ➞ bit.ly/2WpYKtx Cloudinary ➞ bit.ly/3ohNlJ7 Namecheap ➞ namecheap.pxf.io/ErDe9 #react #tailwindcss #nodejs

• #science_technology
• #react_socketio
• #react_socketio_chat
• #react
• #reactjs
• #socketio
• #socketio
• #socket_io_react
• #react_chat_app
• #socket_io