Building a chat app with React and Chatkit

Building a chat app with React and Chatkit

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.