Typescript

We will use Typescript to run all the code samples

Typescript is a popular superset of Javascript that adds static types to the language, offering various advantages for developers. Why it's better than Javascript? Lets find out 🎉

1. Type safety

TypeScript introduces static types, which help catch errors during development rather than at runtime. This leads to fewer bugs, improved maintainability, and better overall code quality.

JavaScript (no type safety) 👇

function add(a, b) {
  return a + b;
}

const result = add(1, "2"); // This will not throw an error, 
// and result will be the string "12"

TypeScript (type safety) 👇

function add(a: number, b: number): number {
  return a + b;
}

const result = add(1, "2"); // This will throw a compile-time error: 
// argument of type 'string' is not assignable to parameter of type 'number'.

In this example, TypeScript enforces type safety, catching potential bugs before they reach runtime.

2. Optional and default parameters

TypeScript simplifies handling optional and default parameters, making your code cleaner and more expressive.

JavaScript (no optional/default parameters) 👇

function greet(name, greeting) {
  if (!greeting) {
    greeting = "Hello";
  }
  return `${greeting}, ${name}!`;
}

console.log(greet("John")); // Output: "Hello, John!"

TypeScript (optional and default parameters) 👇

function greet(name: string, greeting: string = "Hello"): string {
  return `${greeting}, ${name}!`;
}

console.log(greet("John")); // Output: "Hello, John!"

3. Interfaces

TypeScript interfaces ensure that objects adhere to a specific structure, making it easier to maintain and refactor code.

JavaScript (no interfaces) 👇

function printPerson(person) {
  console.log(`Name: ${person.name}, Age: ${person.age}`);
}

const person = { name: "Alice", age: 30 };
printPerson(person); // Output: "Name: Alice, Age: 30"

TypeScript (interfaces) 👇

interface Person {
  name: string;
  age: number;
}

function printPerson(person: Person): void {
  console.log(`Name: ${person.name}, Age: ${person.age}`);
}

const person: Person = { name: "Alice", age: 30 };
printPerson(person); // Output: "Name: Alice, Age: 30"

These examples demonstrate how TypeScript can help catch errors earlier, improve code quality, and enhance readability compared to JavaScript.

Additional resource 👇

https://stackoverflow.com/questions/12694530/what-is-typescript-and-why-would-i-use-it-in-place-of-javascript