Instant write ReactJS Typescript components — complete beginners guide with a cheatsheet 2020 React

Eli Elad Elrom
Master React
Published in
19 min readJul 4, 2020

--

If you ever wanted to learn Typescript and integrate it into your React project and build custom components taking full advantage of TypeScript and React and just can’t find the time or dreading it? Follow the steps I am about to show you in this tutorial and you can start writing your React components using the Typescript programming language.

In this tutorial, we will be creating three components including an analog clock and you will get a TypeScript cheatsheet for future usage.

Why should you integrate Typescript into your React project?

Here are a few interesting facts:

  • Did you know that TypeScript is an open-source programming language developed and maintained by Microsoft?
  • According to StackFlow 2020 famous survey TypeScript the programming language is second actually surpassing Python compared to last year!
  • On top of that, ReactJS the framework is second at 35.9% on its way to bypass the ‘King’ JQuery.

--

--