Mengapa Harus Menggunakan TypeScript?Dan Apa Saja Kelebihannya?

Pengertian TypeScript

Merupakan  bahasa pemrograman yang dikembangkan oleh Microsoft.TypeScript dirancang untuk pengembangan aplikasi besar dan ditranskompilasi ke JavaScript,Karena TypeScript adalah superset dari JavaScript, program JavaScript yang ada,juga merupakan program TypeScript yang valid.TypeScript dapat dikatakan sebagai superset dari javascript,artinya semua fitur yang ada pada javascript dapat dilakukan pada typescript. Namun, agar dapat dijalankan, typescript membutuhkan kompiler yang nantinya akan dikonversi menjadi file javascript.Selain itu,typescript dapat berjalan di sisi klien dan juga sisi server.

Perkembangan TypeScript

• TypeScript dipubikasikan pertama kali pada Oktober 2012 (pada versi 0.8),setelah dua tahun pengembangan internal di Microsoft.TypeScript 0.9 dirilis pada 2013,menambahkan dukungan untuk obat generik.
• Tahun 2014 TypeScript 1.0 dirilis pada konferensi pengembang Microsoft Build,Visual Studio 2013 Update 2 menyediakan dukungan bawaan untuk TypeScript.
• Pada bulan Juli 2014, tim pengembangan mengumumkan kompiler TypeScript baru, yang mengklaim peningkatan kinerja 5x.Secara bersamaan, kode sumber, yang awalnya dihosting di  CodePlex dipindahkan ke Github.
• Pada 22 September 2016, TypeScript 2.0 dirilis : karena ini memperkenalkan beberapa fitur,termasuk kemampuan bagi pemrogram untuk secara opsional mencegah variabel diberi nilai null,terkadang disebut sebagai kesalahan miliaran dollar.
• TypeScript 3.0 dirilis pada 30 Juli 2018,membawa banyak tambahan bahasa seperti tupel dalam parameter istirahat dan ekspresi tersebar, parameter istirahat dengan jenis tuple,parameter istirahat umum dan sebagainya.
• TypeScript 4.0 dirilis pada 20 Agustus 2020. Meski 4.0 tidak memperkenalkan perubahan apa pun dan menambahkan fitur bahasa seperti Custom JSX Factories dan Variadic Tuple Type.

Kelebihan TypeScript

•  Fitur pemrograman basis objek : TypeScript menyertakan serangkaian fitur Object Oriented Programming (OOP) yang bagus dan kompleks untuk diterapkan.Kecuali, jika kalian sebelumnya telah menggunakan JavaScript.Kalian dapat membandingkan kode yang dihasilkan JavaScript dengan Typescript.Fitur OOP ini membuat kode TypeScript sangat rapi dan teratur.

• Tidak membutuhkan runtime plugin : Semua teknologi web modern menerjemahkan dirinya ke bentuk standar yang dapat dipahami dan dijalankan oleh semua browser utama.Ini termasuk bahasa skrip,seperti TypeScript atau CoffeeScript,bahasa Markup,seperti Haml atau Markdown dan bahasa Styling seperti Sass atau Less,dalam kasus TypeScript,semua skrip modern yang kalian tulis akan diterjemahkan ke JavaScript biasa sehingga dapat dijalankan oleh browser.
• Meningkatkan performa tim : Menggunakan TypeScript meningkatkan kinerja keseluruhan.Baik ketika bekerja secara individu  atau dalam tim.Tentu,kinerja yang lebih tinggi menghasilkan keuntungan lebih baik.TypeScript memungkinkan memperkenalkan developer mengenai proyek dengan lebih cepat.Struktur data dan tipe anotasi yang didefinisikan secara eksplisit membuatnya jauh lebih mudah untuk memahami keputusan yang dibuat oleh teknisi yang awalnya menulis kode.
• TypeScript merupakan bahasa pemrograman populer : Hasil survei StackOverFlow tahun 2019 yang dilansir dari STXNext,TypeScript merupakan salah satu bahasa pemrograman terpopuler setelah Phyton.Bahasa ini banyak digunakan dalam produk perangkat lunak seperti Slack, Asana, atau Visual Studio Code.Banyak tools JavaScript yang  ditulis dalam TypeScript, termasuk kerangka kerja seperti Angular, Aurelia, atau Ionic.

Kekurangan TypeScript

• Kurva pembelajaran :Front end development sangat jenuh dengan semua jenis kerangka kerja dan teknologi dan biasanya sulit untuk mengikutinya.Meski TypeScript menjadi sangat populer,tidak semua developer JavaScript memahami TypeScript.Kurva pembelajaran ini membuat kerja tim lebih keras.
• Membutuhkan tools : Meski browser pengunjung tidak membutuhkan plugin untuk menjalankan TypeScript,kalian membutuhkan tools khusus untuk editor atau IDE untuk mentranspilasi TypeScript.Ini juga termasuk penyempurnaan editor untuk menyorot dan memformat kata kunci TypeScript,jika kalian adalah pengguna Windows atau Mac,tools yang direkomendasikan adalah Visual Studio.Apabila menggunakan Linux,tools yang direkomendasikan adalah Visual Studio Code.
• Sulit diedit menggunakan CMS : Menggunakan CMS untuk mengembangkan website,kalian bisa mengedit file .css dan file skrip .js di portal admin.Namun ketika ingin menggunakan TypeScript, tidak mudah untuk mengeditnya di portal admin.Beberapa CMS memiliki plugin untuk memungkinkan mengedit TypeScript di portal, tetapi beberapa tidak,bahkan mungkin menjadi rumit dalam beberapa skenario.
• Sistem pengetikan yang terlalu rumit : Sistem pengetikan TypeScript,meskipun ini adalah tools bagus dalam banyak hal,terkadang bisa rumit untuk digunakan.Ini tidak sepenuhnya merugikan TypeScript. Ini hanyalah sisi negatif yang berasal dari pengoperasian penuh dengan JavaScript yang dengan sendirinya menyisakan lebih banyak ruang untuk komplikasi.

Riwayat Rilis TypeScript

Memulai Menggunakan TypeScript

Cara Install Typescript :

• Pastikan nodejs sudah terinstall
• Jika sudah terinstall, buka cmd command line kalian dan ketikkan : npm install -g typescript
• Kemudian untuk mengetahui versi dari typescript yang terinstall ketikkan : tsc -v

• Buat folder project,contoh :  folder bernama TS.
• Masuk ke folder TS dan buat file project dengan extensi .ts (extensi typescript).

 buatlah codingan seperti berikut :

let num: number = 5;
let name: string = ‘Belajar Typescript’;
let isPresent: boolean = true;

• Compile file typescript tersebut dengan cara : tsc latihan.ts. Ketika berhasil mengcompile file typescript,typescript otomatis membuat file baru bertipe javascript ( .js). Jadi file typescript yang barusan dibuat diterjemahkan ke javascript.

• Bahasa typescript membuat type data pada variabel seperti number,string,boolean.Adanya type data sangat membantu jika ingin mengerjakan proyek skala besar, ketika menyertakan type data pada parameter sebuah fungsi maka otomatis kalian mengetahui batasan atau type data seperti apa yang bisa masuk.

class Car {
model: String;
doors: Number;
isElectric: Boolean; constructor(model: String, doors: Number, isElectric: Boolean) {
this.model = model;
this.doors = doors;
this.isElectric = isElectric;
} displayMake(): void {
console.log(`This car is ${this.model}`);
}
}

• ketika di complie maka hasilnya :

• Sebelah kiri adalah file typescript diatas membuat class objek bernama car yang memiliki properti bertipe data,kemudian juga ada constructor method bawaan dari sebuah bahasa yang memiliki konsep oop.
• sebelah kanan adalah hasil compile typescript ke bahasa javascript.karena pada dasarnya konsep pada core javascript semuanya fungsi, (tidak ada class didalam javascript, kalaupun ada itu bakalan di konversi lagi menjadi fungsi).
• Juga bisa mencoba konsep OOP lainnya,misal kita coba buat interface :

interface ICar {
model: String,
make: String,
display(): void
}
const Car: ICar = {
model: ‘Avanza’,
make: ‘Toyota’,
display() => { console.log(‘hi’); }
}

Untuk konsep OOP lainnya kalian bisa coba sendiri yang lain 🙂

sekian artikel tentang TypeScript ini semoga bisa bermanfaat 🙂