DEV Community: Afnaan

What is TypeScript and what are it's advantages and disadvantages?

Afnaan — Fri, 07 Jun 2024 14:33:11 +0000

TypeScript is an extension of JavaScript, offering static typing to write straightforward JavaScript code. It provides optional static typing, classes, and interfaces, along with improved code organization and object-oriented programming techniques. TypeScript also offers better development tool support and extends the language with additional features beyond standard decorators. Additionally, it can be converted to plain JavaScript when needed.

TypeScript is described as a strict superset of JavaScript, adding o

ptional static typing and class-based object-oriented programming aligned with ECMAScript 6 standard proposals. It compiles down to plain JavaScript without requiring any runtime library support.

Advantages of TypeScript:

TypeScript highlights errors at compile time, while JavaScript does so at runtime.
TypeScript offers the benefits of optional static typing, allowing types to be added to variables, functions, properties, etc.
TypeScript supports both strict and static typing, which can help document functions, clarify usage, and reduce cognitive overhead.
TypeScript is compatible with any browser or JavaScript engine.
It provides excellent tooling with features like IntelliSense, offering dynamic hints as code is written.
TypeScript aids in code organization and supports interfaces.
It offers better documentation for APIs, which helps in reducing bugs during development.
TypeScript's editor modules provide a seamless IDE developer experience.

Disadvantages of TypeScript:

TypeScript can take a long time to compile code.
It does not support abstract classes.
When using third-party libraries, there may be a need for definition files, which are not always available.
The quality of type definition files can vary.
TypeScript code still needs to be compiled to JavaScript whenever it needs to run in a browser.
Finding TypeScript developers may be challenging, as some developers may not be interested in learning TypeScript, preferring to stick with JavaScript.
Teams transitioning from JavaScript to TypeScript may take time to become productive, with full proficiency in TypeScript taking even longer.
TypeScript lacks some features compared to JavaScript, such as Higher Order Functions, Composition, and Generics with Higher Kinds.

Do you know how the code you write in JavaScript gets executed? How JavaScript supports asynchronous execution?

Afnaan — Tue, 04 Jun 2024 14:20:13 +0000

JavaScript is quite unique in that it’s single-threaded, meaning it processes code in a specific order. But despite this, it manages to handle time-consuming tasks without freezing up. So, how does it do that? Well, let me break it down for you.

First off, there’s the call stack. Think of it like a stack of plates in a kitchen, where each plate represents a function being executed. When a function is called, a plate is added to the stack. Once that function finishes, its plate is removed. And it operates on a last-in, first-out basis.
Then, there’s the event loop. This is JavaScript’s way of handling asynchronous tasks. It keeps an eye on the call stack, a queue for bigger tasks (macrotasks), and another queue for smaller, immediate tasks (microtasks). It checks if the call stack is empty. If it is, it grabs the first task from the microtask queue and puts it on the stack. It keeps doing this until the microtask queue is empty, and only then does it move on to the macrotask queue.

Speaking of queues, there are macrotasks and microtasks. Microtasks are for urgent stuff, like Promise callbacks, while macrotasks are for things like I/O operations or timers. And microtasks always come before macrotasks, affecting the order of execution.

Lastly, there’s the Web API stack, which is part of the browser. When you use functions like setTimeout, they’re handed off to this stack. Once the specified time elapses, the callback function gets added to the macrotask queue. It’s kind of like waiting for a timer to go off before doing something else.

In a nutshell this happens:
Code execution in JavaScript flows from the call stack ➔ to the event loop ➔ where microtasks take priority over macrotasks ➔ ultimately handling asynchronous tasks while synchronous code continues to execute.

Scripting vs. Programming Languages: Uncover the Key Differences Every Developer Should Know!

Afnaan — Tue, 04 Jun 2024 14:18:19 +0000

Discover key insights into scripting vs. programming languages that every developer should know! Understanding the difference between scripting and programming languages is key in software development.
Scripting languages are interpreter-based, while programming languages are compiler-based, defining their distinct uses and behaviors.
There are few exceptions here as well.

Scripting languages are ideal for combining existing components within an application, making them great for integration and automation tasks. They run within an existing program, converting high-level instructions to machine language on-the-fly, without needing prior compilation. This makes them simpler and faster to use, with shorter, easier-to-write code. They don’t create specific file types and typically involve lower maintenance costs. Examples include VB Script, Perl, Ruby, PHP, and JavaScript.

In contrast, programming languages are used to develop applications from scratch. They compile the entire program into machine language, resulting in standalone, self-executable code. This process requires more complex and lengthy code, offering comprehensive support for data types, UI design, and graphics. While more time-consuming and expensive to maintain, programming languages provide the robustness needed for building large-scale applications. Examples include C, C++, COBOL, Basic, VB, C#, Pascal, and Java.

Fun fact: The term “scripting language” originates from the early days of computing when scripts were used to automate the execution of tasks on mainframe computers. One of the first scripting languages was JCL (Job Control Language), used in the 1960s to manage and automate job processing on IBM mainframes.

DEV Community: Afnaan

What is TypeScript and what are it's advantages and disadvantages?

Do you know how the code you write in JavaScript gets executed? How JavaScript supports asynchronous execution?

Scripting vs. Programming Languages: Uncover the Key Differences Every Developer Should Know!

javascript #developemnt