Author: John Au-Yeung

Sometimes, we want to disable TSLint in VS Code.

In this article, we’ll look at how to disable TSLint in VS Code.

How to disable TSLint in VS Code?

To disable TSLint in VS Code, we can set the "typescript.validate.enable" setting to false in our VS Code settings.json file.

To do this, we write

{
  //...
  "typescript.validate.enable": false
  //...
}

to set "typescript.validate.enable" to false in settings.json to disable TSLint.

Conclusion

To disable TSLint in VS Code, we can set the "typescript.validate.enable" setting to false in our VS Code settings.json file.

Sometimes, we want to enumerate properties on an object with TypeScript.

In this article, we’ll look at how to enumerate properties on an object with TypeScript.

How to enumerate properties on an object with TypeScript?

To enumerate properties on an object with TypeScript, we can use the for-of loop and the Object.entries method.

For instance, we write

class StationGuide {
  station1: any;
  station2: any;
  station3: any;

  constructor() {
    this.station1 = null;
    this.station2 = null;
    this.station3 = null;
  }
}

const a = new StationGuide();

for (const [key, val] of Object.entries(a)) {
  console.log(key, val);
}

to create a StationGuide class instance and assign it to a.

Then we convert the object to an array of key-value pair arrays with Object.entries.

Then we loop through the array of key-value pair arrays with the for-of loop.

We destructure the key and val key and value from each array and log their values.

Conclusion

To enumerate properties on an object with TypeScript, we can use the for-of loop and the Object.entries method.

Sometimes, we want to export a variable with TypeScript.

In this article, we’ll look at how to export a variable with TypeScript.

How to export a variable with TypeScript?

To export a variable with TypeScript, we can use the export keyword.

We can export a variable as a default export by writing

const arr = [1, 2, 3];
export default arr;

We use export default to export arr as a default export.

Then we can import it by writing

import arr from "./file1";

We can also export something as a named import.

To do this, we write

const arr = [1, 2, 3];
export { arr };

to export the arr variable.

Then we can import it by writing

import { arr } from "./file1";

Conclusion

To export a variable with TypeScript, we can use the export keyword.

Sometimes, we want to fix the "X refers to a value, but is being used as a type here (TS2749)" error with React and TypeScript.

In this article, we’ll look at how to fix the "X refers to a value, but is being used as a type here (TS2749)" error with React and TypeScript.

How to fix the "X refers to a value, but is being used as a type here (TS2749)" error with React and TypeScript?

To fix the "X refers to a value, but is being used as a type here (TS2749)" error with React and TypeScript, we should make sure our React TypeScript component files have the .tsx extension rather than .ts.

If they have the .ts extension, then we should rename them to have the .tsx extension.

Conclusion

To fix the "X refers to a value, but is being used as a type here (TS2749)" error with React and TypeScript, we should make sure our React TypeScript component files have the .tsx extension rather than .ts.

Sometimes, we want to cast int to enum strings in TypeScript.

In this article, we’ll look at how to cast int to enum strings in TypeScript.

How to cast int to enum strings in TypeScript?

To cast int to enum strings in TypeScript, we can use numbers to access the enum values unless we assign the enum to different values.

For instance, we write

export enum Type {
  Info,
  Warning,
  Error,
  Fatal,
}

const x = Type[0];

to create the Type enum.

Then we can get 'Info' by using Type[0] since the first entry of an enum has 0 assigned to it as its value by default.

Conclusion

To cast int to enum strings in TypeScript, we can use numbers to access the enum values unless we assign the enum to different values.