interface typescript react code example

Example 1: React with Typescript

// to create a simple app with React and Typescript
npx create-react-app yourProjectName --template typescript

// to add Typescript in an existing project
npm install --save typescript @types/node @types/react @types/react-dom @types/jest

Example 2: typescript class implements interface

interface Task{
    name: String; //property
    run(arg: any):void; //method
}

class MyTask implements Task{
    name: String;
    constructor(name: String) {
        this.name = name;
    }
	run(arg: any): void {
        console.log(`running: ${this.name}, arg: ${arg}`);
    }
}

let myTask: Task = new MyTask('someTask');
myTask.run("test");

Example 3: create method in interface for set TS

running: someTask, arg: test

Tags:

Css Example