Why type aliases are needed in Typescript - See It in Action

Why type aliases are needed

📖 Scenario: Imagine you are building a simple app that stores information about different pets. Each pet has a name and a type, like 'dog' or 'cat'. You want to keep your code clean and easy to understand.

🎯 Goal: You will create a type alias to represent a pet's type and then use it to define pet objects. This helps make your code clearer and easier to manage.

📋 What You'll Learn

Create a type alias called PetType with the values 'dog' and 'cat'

Create a variable called myPet with properties name and type using the PetType alias

Create a variable called anotherPet with properties name and type using the PetType alias

Print the names and types of both pets

💡 Why This Matters

🌍 Real World

Type aliases are used in real projects to keep code clean and avoid repeating complex types, especially when working with many similar objects.

💼 Career

Understanding type aliases is important for writing clear and maintainable TypeScript code, a skill valued in many software development jobs.

1

Create a type alias for pet types

Create a type alias called PetType that can be either the string 'dog' or 'cat'.

Typescript

# Your code here

Need a hint?

Use the type keyword followed by the alias name and the allowed string values separated by |.

2

Create a pet object using the type alias

Create a variable called myPet with properties name set to 'Buddy' and type set to 'dog'. Use the PetType alias to type the type property.

Typescript

type PetType = 'dog' | 'cat';
// Your code here

Need a hint?

Define myPet as an object with name and type. Use PetType for the type property.

3

Create another pet object using the type alias

Create a variable called anotherPet with properties name set to 'Whiskers' and type set to 'cat'. Use the PetType alias to type the type property.

Typescript

type PetType = 'dog' | 'cat';

const myPet: { name: string; type: PetType } = { name: 'Buddy', type: 'dog' };
// Your code here

Need a hint?

Similar to myPet, create anotherPet with the given values and use PetType for the type property.

4

Print the pet details

Print the names and types of myPet and anotherPet using console.log. Use template strings to format the output like: Buddy is a dog.

Typescript

type PetType = 'dog' | 'cat';

const myPet: { name: string; type: PetType } = { name: 'Buddy', type: 'dog' };

const anotherPet: { name: string; type: PetType } = { name: 'Whiskers', type: 'cat' };
// Your code here

Need a hint?

Use console.log with template strings like `${variable}` to print the pet details.