DEV Community

Cover image for Typescript with React
Md Shah Jalal
Md Shah Jalal

Posted on

Typescript with React

What is Typescript?

Typescript is a superset of the JavaScript language. The purpose is to give JavaScript a flavor of strongly typed language so that our code errors are easily detected and we are protected from many unwanted behaviors in the application. Typescript cannot be written in a browser like JavaScript.

Globally typescript installation:
yarn global add typescript
npm install typescript -g

Installation typescript in local project:
yarn add typescript
npm install typescript

Initialization typescript in project

tsc --init

How to compile a specific file?
tsc app.ts

How to compile a specific file with watch mood?
tsc app.ts -w

Compilation of all files and also with watch mood:
tsc -w

Basic data types:

  • Any
  • number
  • string
  • boolean
  • object
  • Array
  • Tuple
  • Enum
  • undefined
  • null, void
  • never
  • unknown

_Let's go learn about function parameter and return type

The most interesting thing in typescript is that we can declare the type of our parameter that's why we can handle any error easily.

function add (n1: number, n2: number) => number;
function add (n1: number, n2: number): number;

When we fetch data from API we have to use an interface.

interface Person {
    name: string;
    age: number;
    height: string;
const person1: Partial<Person> = {
    name: 'Hridoy',
    age: 28
Enter fullscreen mode Exit fullscreen mode

That's the basic part of typescript.

Top comments (0)