Building a chat app with React and Chatkit

Unlock CourseGet started!

Join 4772 other students

Sign in to get
Access to 30+ free courses
New courses added monthly
Weekly coding challenges
Huge discord community
Exclusive chat access
Unlock Course
Subscribe to access!Black Friday discount
Get access to this course and ALL other Scrimba courses at great value. Our 30-day money back guarantee makes this risk free for you.
Career Path includes
75+ hours of content
100s of coding challenges
Exclusive Study Group access
HTML, CSS, JS & React
Getting Hired section
30-day money-back guarantee
Subscribe now!62% covid discountSubscribe to access with 62% covid discount.
The course creator Per Harald Borgen

with Per Harald Borgen

4772 students enrolled

Course level: Intermediate

This course uses the Chatkit API (deprecated April 2020) to create a chat app with a React.js front-end.

You'll learn

Class components
Event handlers
Lifecycle methods
JSX
State and props
Inverse data flow
Functional components
Creating forms
Broadcasting messages
Creating autoscroll
CSS Grid
CSS Variables
man

Prerequisites

Before taking this course, you should have a basic understanding of HTML, CSS, JavaScript, and React. Here’s our suggested resources to get you up to speed.

The course creator

Meet your teacher

Per Harald Borgen

Co-founder of Scrimba - the next-generation platform for learning to code. https://scrimba.com

Follow me on twitter

Why this course rocks

That's exacly what this course will enable you to do: at the end of it you'll both have a solid understanding of React.js and your very own personalised chat application. The chat will be built using the Chatkit API, meaning you don't have worry about doing any back-end coding.

NOTE: THE CHATKIT API HAS BEEN DEPRECATED, MEANING YOU CAN'T RUN THE CODE IN THESE CASTS.

Course content

The course contains 19 screencasts in total, and the chat app you'll create contains handy features like multiple rooms, the ability to create new rooms, autoscrolling, and more.

Towards the end, you'll also learn a little bit of CSS Grid and CSS Variables, as it'll help you modify the design so that'll become your very own personalised app.

Per Harald Borgen is the instructor behind the very popular CSS Grid, Flexbox and CSS Variables courses here at Scrimba, so you'll be in good hands. You can follow him on Twitter here.

The course assumes you know basic React beforehand. If you've gone through our Learn React For Free course, you'll be well equipped to tackle this one.

Join the JS advent calendar 🌲24 days of #JavaScriptmas 🎄 - 📅    Coding advent calendar with daily challenges and prizes | Product HuntGo Pro!
Built with Imba