Useful Resources and Quick Start Guide

TypeScript Installation and Compilation

Installing TypeScript

You can install TypeSript in your system by using the following commands.

npm install -g typescript

or 

yarn global add typescript

You will be able to use the tsc command in your terminal once it has been installed globally.

Compiling a .ts File

Let’s understand the compilation step by step with the help of an example.

Step 1: Create a new directory named ninjas in your terminal by running the following command:

mkdir ninjas

Step 2: Create an index.ts file in this directory. We'll build the helloNinjas function inside of this file, which will take a name argument of the type string.

const helloNinjas = (name: String)=>{
    return `Hello ${name}!`;
}

let newname = 'Rajat';
console.log('Output is:',helloNinjas(newname))

Step 3: Use tsc to compile your index.ts file:

tsc index.ts

This creates an index.js file that is written entirely in ES5 and removes the typing from the helloNinjas function argument. The final JS file may be securely used with Node or in the browser. Your JavaScript file will look something like this:

var helloNinjas = function (name) {
    return "Hello ".concat(name, "!");
};
var newname = 'Rajat';
console.log('Output is:', helloNinjas(newname));

You can also try this code with Online Javascript Compiler

Run Code

Step 4: Run the newly produced .js file using the following command to verify this:

node index.js

You can also try this code with Online Javascript Compiler

Run Code

Step 5: The final output will be: Output: Hello Rajat!

More TypeScript File Extensions

In addition to .ts files, you may also use .d.ts files to add types to pre-existing JavaScript libraries or .tsx files to write JSX syntax in TypeScript for React apps.

Advantages of TypeScript

✨ Catch bugs when coding rather than in production: Types enable us to identify problems before they become critical.

✨ Improved code readability: When you have tightly typed variables, functions, and objects, the structure offered by TS makes it much easier to reason about new code. It eliminates a lot of the guesswork involved in predicting how the data will look.

✨ Write ES2015+: The TypeScript compiler supports all contemporary JavaScript and can compile backwards to earlier versions of JS for compatibility.

✨ Optional static typing: Because TypeScript does not need everything to be statically typed, you may convert a project progressively.

✨ Great Ecosystem: Since its launch in 2012, TypeScript has had time to establish a robust ecosystem. The native TypeScript types offered by many open source packages make integration simpler.

Disadvantages of TypeScript

👉 Higher upfront cost to write new code: The creation of new features may take longer because of the additional code requirements, which may not be the best trade-off for all businesses or startups.

👉 Another library to stay up to date with: It will take some refactoring when new versions are released if you want to keep up to date with TS.

👉 Complex types can be tricky to figure out: When integrating TypeScript into an existing code base, you could experience difficulties managing sophisticated data structures that "just worked" when just JS was used.

👉 More verbose code: The structure is eventually beneficial, but compared to JavaScript, you will need to use a lot more characters to create the same amount of code.

👉 Learning curve for JavaScript engineers: It will take longer for developers who have only ever written JS to become proficient with TypeScript.

Frequently Asked Questions

What is JavaScript?

JavaScript is a dynamic programming language for computers. Its implementations enable the client-side script to interact with users and create dynamic pages, and it is most frequently used as a component of web pages.

What is TypeScript?

TypeScript is a superset of JavaScript and the TC39 standard. With TS, we may construct both basic and sophisticated static types for variables in our code. TypeScript is basically JavaScript with the addition of variables with types.

What is Static Type Checking?

Static type checking is the process of identifying errors and valid operations depending on the types of values being used.

Is TypeScript better than JavaScript?

TypeScript is more reliable. Code written with TypeScript is more stable and simpler to refactor than JavaScript. This makes it considerably more straightforward for developers to avoid mistakes and perform rewrites. 

What is the difference between TypeScript and node js?

Node.js is a technology in the "Frameworks (Full Stack)" area, whereas TypeScript is in the "Templating Languages & Extensions" category.

Conclusion

In this article, we have extensively discussed TypeScript Quick Start Guide and Useful resources. 

If you want to learn more, check out our articles on What Is Web2Py?, Why To Use Web2py?, Postbacks and Internationalization in web2py, Third Party Modules In Web2py, Tasks In Web2py, and  XML in Web2py.

Happy Learning!