Lifetime access!

Lifetime access!

Building a chat app with React and Chatkit

Building a chat app with React and Chatkit

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

What's inside

This course contains 20 interactive screencasts.

Building a chat app with React and Chatkit

20 scrims

2 hours

You'll learn

Class components

Event handlers

Lifecycle methods

JSX

State and props

Inverse data flow

Functional components

Broadcasting messages

Creating autoscroll

CSS Grid

CSS Variables

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

Front-end developer and co-founder of Scrimba. Per loves helping other people learn new skills so that they can improve their lives. He makes his tutorials as simple as humanly possible, and focus on getting the students to the point where they can start building projects on their own.

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.

Join the Scrimba community chat

Learning alone can be lonely. Click here to join our Discord server and connect with other Scrimba learners!