Realtime Chat App | React, GraphQL & Websockets - Best Webhosting

Thanks! Share it with your friends!

URL

You disliked this video. Thanks for the feedback!

Sorry, only registred users can create playlists.

ULTRAFAST, CHEAP, SCALABLE AND RELIABLE! WE STRONGLY RECOMMEND ACCU WEB HOSTING COMPANY

Realtime Chat App | React, GraphQL & Websockets

Watch Web Development Traversy Media Video: Realtime Chat App | React, GraphQL & Websockets.
Let's build a realtime chat app with React, Apollo, GraphQL Subscriptions, Websockets and Module Federation

Jack Herrington YouTube Channel:
https://www.youtube.com/channel/UC6vRUjYqDuoUsYsku86Lrsw

Code:
https://github.com/jherr/chat-o-matic

React starter project: https://github.com/jherr/wp5-starter-react
Apollo client: https://www.apollographql.com/docs/react/
Graphql-Yoga: https://github.com/prisma-labs/graphql-yoga

• Support The Channel!
http://www.patreon.com/traversymedia

Website & Brad Traversy Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:
https://www.twitter.com/traversymedia
https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

Published:
Category: Web Development Traversy Media
45 Views

Related Videos

  • GraphQL With React & Apollo [1] - Express GraphQL Server

    GraphQL With React & Apollo [1] - Express GraphQL Server

    by Best Webhosting Added 90 Views / 0 Likes

    In this series we will build a small app using GraphQL, Express, React & Apollo. In the first part we will implement our GraphQL Express server. We will use SpaceX data using their API. Sponsor: Eduonix AWS: https://www.indiegogo.com/projects/aws-architect-and-developer-certification-program/reft/19668519/brad-aws1 Data Science: https://www.kickstarter.com/projects/1311831077/data-science-foundational-program-4-courses-and-eb?ref=5u5zy0 Code: https://

  • Socket.io Chat App Using Websockets

    Socket.io Chat App Using Websockets

    by Best Webhosting Added 88 Views / 0 Likes

    In this video we will build a real-time chat application using socket.io, Node.js and Express. I will show you how to create a 2-way communication layer over websockets UPDATED VIDEO WITH MONGODB: https://www.youtube.com/watch?v=8Y6mWhcdSUM RELATED COURSES Learn Node.js From Scratch: https://www.eduonix.com/affiliates/id/16-10033 Learn Node.js with 12 Projects: https://www.eduonix.com/affiliates/id/16-10200

  • Realtime Chat With Users & Rooms - Socket.io, Node & Express

    Realtime Chat With Users & Rooms - Socket.io, Node & Express

    by Best Webhosting Added 73 Views / 0 Likes

    In this project we will build a chat app using Node, express & websockets in under 60 minutes Code: https://github.com/bradtraversy/chatcord • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Course Links: https://www.traversymedia.com Follow Traversy Media: https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia https://www.facebook.com/traversymedia

  • GraphQL With React & Apollo [3] - Finishing The App

    GraphQL With React & Apollo [3] - Finishing The App

    by Best Webhosting Added 64 Views / 0 Likes

    In this part we will finish our app by adding color coded titles for success/fail missions, we will create the Launch component and make another query to our GraphQL server from React/Apollo. Code: https://github.com/bradtraversy/spacex_launch_stats GraphQL Server Series: https://www.youtube.com/watch?v=PEcJxkylcRM&list=PLillGF-RfqbYZty73_PHBqKRDnv7ikh68 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy

  • GraphQL With React & Apollo [4] - Simple Heroku Deploy

    GraphQL With React & Apollo [4] - Simple Heroku Deploy

    by Best Webhosting Added 81 Views / 0 Likes

    In this part we will take our small app and prepare and do a very simple deployment to Heroku Code: https://github.com/bradtraversy/spacex_launch_stats App Demo: (If I still have it up) https://polar-wildwood-69899.herokuapp.com/ GraphQL Server Series: https://www.youtube.com/watch?v=PEcJxkylcRM&list=PLillGF-RfqbYZty73_PHBqKRDnv7ikh68 • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.t

  • Popular GraphQL With React & Apollo [2] - React & Apollo Setup

    GraphQL With React & Apollo [2] - React & Apollo Setup

    by Best Webhosting Added 101 Views / 0 Likes

    We will do a lot in this video from setting up React with concurrently, installing and setting up apollo and creating our launches query and component. • Become a Patron: Show support & get perks! http://www.patreon.com/traversymedia Website & Udemy Courses http://www.traversymedia.com Follow Traversy Media: https://www.facebook.com/traversymedia https://www.twitter.com/traversymedia https://www.instagram.com/traversymedia

  • Building a GraphQL Server [Part 1] - What Is GraphQL?

    Building a GraphQL Server [Part 1] - What Is GraphQL?

    by Best Webhosting Added 94 Views / 0 Likes

    In part 1 of 5 of this series we will talk about what GraphQL is, what it is used for and we will also look at some of the queries and how simple they are. We will also talk about what to expect in the next few videos CODE: Code for this project https://github.com/bradtraversy/customerbase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http:/

  • Building a GraphQL Server [Part 2] - Server & Express GraphQL Setup

    Building a GraphQL Server [Part 2] - Server & Express GraphQL Setup

    by Best Webhosting Added 90 Views / 0 Likes

    In part 2 of 5 we will install express, express-graphql and we will create an initial dev server to run on our machine. We will create the server.js file and start the main schema.js file CODE: Code for this project https://github.com/bradtraversy/customerbase BECOME A PATRON: Show support & get perks! http://www.patreon.com/traversymedia ONE TIME DONATIONS: http://www.paypal.me/traversymedia FOLLOW TRAVERSY MEDIA: http://www.facebook.com/traversymedi

  • WordPress Chat Plugin - Free Chat Room With Group Chat - How To Add Live Chat In WordPress

    WordPress Chat Plugin - Free Chat Room With Group Chat - How To Add Live Chat In WordPress

    by Best Webhosting Added 30 Views / 0 Likes

    Grab your free 17-Point WordPress Launch Checklist PDF: https://wplearninglab.com/get/wordpress-redirects.php?utm_source=youtube&utm_medium=video&utm_campaign=wp_jumpstart&utm_id=17_point_wp_launch_checklist&utm_term=WSSnTiFiwdg&utm_content=video_description Have you ever wanted to add Live Chat to your WordPress site, but it's too expensive? This video is for you! Find out how to easily add live chat to your site with our free WordPress chat plugin.

  • Creating Realtime Game Servers In Minutes With Amazon GameLift

    Creating Realtime Game Servers In Minutes With Amazon GameLift

    by Best Webhosting Added 85 Views / 0 Likes

    See an exclusive demo of Amazon GameLift's newest feature, Realtime Servers, currently in preview. Live from Amazon Game Tech at GDC 2019.

  • Curso de React y Firebase desde Cero - 4. Create React App

    Curso de React y Firebase desde Cero - 4. Create React App

    by Best Webhosting Added 33 Views / 0 Likes

    Este video es solamente una demostración de mi curso de React y Firebase desde Cero, el cual se encuentra publicado en Udemy. • Puedes inscribirte al curso desde este enlace: https://bit.ly/3oVnq9L • Blog de Diseño Web: http://www.falconmasters.com •️ Curso Completo de Diseño Web Profesional: https://www.udemy.com/course/diseno-web/?referralCode=BCC54890816B6A9BCFB7 •️ Curso Completo de React y Firebase: https://www.udemy.com/course/react-desde-cero/?

  • Popular Full Stack React & Django [2] - Implementing React

    Full Stack React & Django [2] - Implementing React

    by Best Webhosting Added 107 Views / 0 Likes

    In part 2 we will integrate React into a Django "app" called frontend. We will setup React manually with Webpack & Babel and just get a few basic components created Code: https://github.com/bradtraversy/lead_manager_react_django Helpful Links & Tuorials: https://www.django-rest-framework.org https://www.valentinog.com/blog/tutorial-api-django-rest-react/#Django_REST_with_React_Django_and_React_together http://v1k45.com/blog/modern-django-part-1-settin

RECOMMENDED WEB HOSTING

FASTCOMET

Fastcomet

HOSTGATOR

HOSTGATOR

BLUEHOST

BLUEHOST

SITEGROUND

SITEGROUND

A2 HOSTING

A2 HOSTING

HOSTINGER

HOSTINGER

DREAMHOST

DREAMHOST

ACCU WEBHOSTING

ACCU WEBHOSTING

MILESWEB

MILESWEB

HOSTPAPA

HOSTPAPA


RSS