Build a Chat Application using React, Redux, Redux-Saga, and Web Sockets - Tutorial

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=x_fHXt9V3zQ


Duration: 1:24:54
97,135 views
1,297

Learn to build a chat web app in this full tutorial from Beau Carnes. The app uses React, Redux, Redux-Saga, and web sockets.

Having some experience with React and Redux would be helpful, but it isn't required.

💻 Github: https://github.com/beaucarnes/fcc-project-tutorials/tree/master/chat

💻 CSS File: https://github.com/beaucarnes/fcc-project-tutorials/blob/master/chat/src/App.css

📺 React basics video: https://youtu.be/QqLkkBKVDyM

🔗 Based on this article by Flavio Copes: https://medium.freecodecamp.org/how-to-build-a-chat-application-using-react-redux-redux-saga-and-web-sockets-47423e4bc21a
🔗 Check out his blog: https://flaviocopes.com/

🐦 Beau Carnes on Twitter: https://twitter.com/carnesbeau

---
Learn to code for free and get a developer job: https://www.freecodecamp.com

Read hundreds of articles on technology: https://medium.freecodecamp.com

And subscribe for new programming videos every day: https://youtube.com/subscription_center?add_user=freecodecamp



Other Videos By freeCodeCamp.org


2018-02-09React Homepage Design and Development (P5D33) - Live Coding with Jesse
2018-02-07The Future of JavaScript
2018-02-06Upgrading to NextJS Version 5 (P5D32) - Live Coding with Jesse
2018-02-02React UI Updates with MaterialUI Part 2 (P5D31) - Live Coding with Jesse
2018-02-01React UI Updates with MaterialUI (P5D30) - Live Coding with Jesse
2018-01-31React Routing with NextJS and Express (P5D29) - Live Coding with Jesse
2018-01-30Working with React, Express, and GraphQL Part 3 (P5D28) - Live Coding with Jesse
2018-01-29Taxes for freelancers & startups
2018-01-29Working with React, Express, and GraphQL Part 2 (P5D27) - Live Coding with Jesse
2018-01-26Working with React, Express, and GraphQL (P5D26) - Live Coding with Jesse
2018-01-26Build a Chat Application using React, Redux, Redux-Saga, and Web Sockets - Tutorial
2018-01-25Fixing Mobile Layout Issues (P5D25) - Live Coding with Jesse
2018-01-24Oldschool jQuery Single Page App - Live Coding with Jesse
2018-01-23Reviewing and Merging Pull Requests - Live Coding with Jesse
2018-01-22Working with LocalStorage and React (P1D44) - Live Coding with Jesse
2018-01-19Responsive Sortable Table in React (P1D43) - Live Coding with Jesse
2018-01-18React and MaterialUI Navigation Menus Part 2 (P5D24) - Live Coding with Jesse
2018-01-17React and MaterialUI Navigation Menus (P5D23) - Live Coding with Jesse
2018-01-16NextJS Custom Routing (P5D22) - Live Coding with Jesse
2018-01-11Working with NextJS, GraphQL and MaterialUI Part 2 (P5D21) - Live Coding with Jesse
2018-01-10Working with NextJS, GraphQL and MaterialUI (P5D20) - Live Coding with Jesse


Tags:
tutorial
beau carnes
redux
redux-saga
web sockets
coding
learn to code
software
learn