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
or
npm install typescript -g

Installation typescript in local project:
yarn add typescript
or
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
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.
Example:

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)