React Clone WhatsApp (w/ React Router, React Hooks) 2021

This course was recorded in French but is subtitled in English.

It’s been a long time since you tried to create your Social Network but you do not know where to start?

Well in this training I’ll show you how to create a copy of WhatsApp Web.

Did you know that currently the official version of WhastApp Web is built with React and Styled Component?

React is an open source JavaScript framework maintained by Facebook. It allows you to create single page web applications, by creating components.

Styled–component is a javascript library that allows you to increase productivity and facilitate the creation of React visual components (UI components) by writing css code in a javascript file.

You’ve probably heard it said that in order to progress as a developer (programmer) you have to train on real projects and try to clone (reproduce), with your own code, the applications that you like.

That’s how I got into the crazy idea of cloning WhatsApp Web with React and Styled Component. I was quickly stuck with a problem … With React and Styled Component on the front–end it was the best but the problem is that WhatsApp is an instant messaging system, which means that messages have to arrive in real time. Something that is not easy to implement with javascript (socket) when you want to create an application of the size of WhastApp.