Build a chat application like Slack - React / JavaScript Tutorial

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


Duration: 48:23
38,415 views
729

Learn how to build a complete chat application with typing indicators, “who’s online list”, and message history in this React / JavaScript tutorial.

In this screencast, you’ll learn how to build a team communication chat application similar to Slack using React on the front-end and Chatkit on the back-end. Sign up here: https://pusher.com/chatkit

▼ Follow Booker ▼

on Twitter: https://twitter.com/bookercodes
on GitHub: https://github.com/bookercodes

▼ Links (in the order they’re mentioned)▼

Starter template: https://github.com/bookercodes/react-slack-clone-starter-template
Complete code: https://github.com/pusher/build-a-slack-clone-with-react-and-pusher-chatkit
Step by step written tutorial: https://github.com/pusher/build-a-slack-clone-with-react-and-pusher-chatkit
Chatkit Slack group: https://feedback-beta.pusher.com/

--

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

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



Other Videos By freeCodeCamp.org


2018-06-11Big O: How Code Slows as Data Grows
2018-06-08Regular Expressions (Regex) in JavaScript - tutorial
2018-06-08Editing React Components Part 2 (P5D78) - Live Coding with Jesse
2018-06-08How Live Coding Changed My Life
2018-06-07Editing React Components (P5D77) - Live Coding with Jesse
2018-06-07All about GRAND Stack: GraphQL, React, Apollo, and Neo4j
2018-06-06Material UI v1.2.0 Update with Breaking Changes (P5D76) - Live Coding with Jesse
2018-06-06Ruby Programming Language - Full Course
2018-06-06WebAssembly: The What, Why and How
2018-06-05Using CSS with React Part 2 (P5D75) - Live Coding with Jesse
2018-06-05Build a chat application like Slack - React / JavaScript Tutorial
2018-06-05One weird trick to becoming a better software developer 😉
2018-06-04Intro to Angular 5 Tutorial
2018-06-04Electron JS: Build Amazing Desktop Apps
2018-06-01Bulma CSS Framework - complete tutorial
2018-06-01From Self-Taught Programmer to Job
2018-05-31Using CSS with React (P5D74) - Live Coding with Jesse
2018-05-31How to Clone a GitHub Repository for Beginners
2018-05-30Setting Up a Custom Domain for Google Cloud Storage (P5D73) - Live Coding with Jesse
2018-05-30Intro to Vue.js
2018-05-29Google Cloud Storage for Stateless WordPress (P5D72) - Live Coding with Jesse


Tags:
react tutorial
javascript tutorial
slack clone
chat application
slack tutorial
chat tutorial
build a slack clone
slack clone tutorial
chat application tutorial
chatkit
pusher
freecodecamp
bookercodes
javascript
chatkit tutorial
javascript tutorial for beginners
learn to code
react course
react
react js
react.js
react.js tutorial