Building a chat app with React and Chatkit

Learn React.js through building a real-world chat app

Course content

01Course introduction
2:37
02Component architecture
2:17
03Codebase architecture
5:19
04MessageList component
4:38
05Intro to Chatkit
1:15
06Connecting to Chatkit: NOTE: API HAS BEEN UPDATED, SEE DESCRIPTION!
8:16

Chat is eating the world and React is eating front-end development, so why not learn React through building a chat app?

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.

Course content

The course contains 19 screencasts in total. Several of these include challenges where you'll be encouraged to jump into the code and change it. But don't worry if you don't manage to solve them: the instructor Per Harald Borgen will show you the solutions as well.

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.

React concepts covered:

  • Class components
  • Event handlers
  • Life-cycle methods
  • JSX
  • State and props
  • Inverse data flow
  • Functional components <br> <br>

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.

What 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

Meet your teacher 👋

The course creator

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.

Thank Per for the course

people love this course 😍

why you'll learn faster 🔥

secure your free spot

100,000 people can't be wrong