For the last six months I`ve been working on a JavaScript Full-Stack project, using React.js has the front-end framework, GraphQL for the API Gateway and Hapi Server for the micro-service which is connected to a Postgres RDS Database and during this time I had the pleasure for being able to work with TypeScript.
You may ask what's the advantage of using TypeScript, another framework, instead of pure JavaScript which is more than enough. Well... it's quite simple, image all the power of the well known JS with the advantage of a typed language like C#, Java, or even PHP.
But the reality it's that you can start moving slowly from JavaScript to TypeScript, that's one of the main advantages, another one is the integration with you're editor, which will infer correctly the type of a given variable, function input or output and in the end it's all compiled to pure JavaScript which is simply perfect.
Let's start by seeing what are the Basic Types available:
const booleanValue: boolean = false;
const number: number = 12;
const someString: String = "This is a string";
const array: number[] = [1, 2];
const x : [string, number] = [a , 1];
enum Type {
WATER,
ELECTRICITY,
GAS,
}
Type::WATER
let x: unknown = 4;
x = "string";
const xpto: any = "Can be anything";
const xpto = (): void => {console.log("some message")}
const xpto = (): never => {throw new Error("Some Error")}
Has you can see there are plenty of type to being with, and in the case of doubt you can set it to "any".
Imaging you have the following JS file
const add = (a, b) => a + b;
console.log(add(1,2));
it's quite a simple example, but I believe it's enough to being with, in TS you've have
const add = (a: number, b: number): number => a + b;
console.log(add(1,2));
which is exactly the same, but if in my editor, which currently it's vscode, I make the mistake of typing
console.log(add("x", 2));
I'll have the following warning
Argument of type '"x"' is not assignable to parameter of type 'number'.
which is quite nice and the number of small issue will be reduced.
What do you think about TypeScript ?