Awal berkenalan dengan Typescript

Typescript adalah bahasa pemrograman yang dibuat oleh microsoft. Typescript(selanjutnya akan disebut TS) adalah bahasa yang memiliki featur strict typing, melebihi javascript, kalau sudah pakai TS saya rasa kita harus mengedepankan konsistensi dalam menulis kodenya. Jadi kita harus dan wajib memberi tahu type data setiap mendeklarasikan sebuah variable. Sedikit contoh bagaimana sifat strict nya si Typescript itu!

1. Basic Types

ini adalah contoh penulisan type dasar pada Typescript

nah untuk mengisi si deklarasi yang sudah ditentukan type nya maka isinya pun harus sesuai, berikut contohnya:

character = ‘agung’
age = 23
isLoggedin = true

age akan memiliki type number, maka akan salah dan error kalau kita isi variable age dengan string dibawah ini:

age = ‘23’

2. Array Type

ini penting sekali, JS array kurang lebih seperti ini

let ninjas = [array1, array2, array2]

dengan masing masing nilai mempunyai type berbeda contoh

let item = ['ninja', 23, false]

ini juga bisa digunakan di typescript

let age = [23, 18, 21] //or
let name = ['Jamie', 'Linda', 'Irene']

tapi untuk merasakan nikmatnya typescript berikut cara menggunakan deklarasi array di typescript

3. Optional types

Optional type adalah deklarasi variable yang memungkinkan kita tidak mendeklarasikan value atau isi variable tersebut berikut contoh

kita lihat di interface ItemProps, ada variable namanya active. nah tapi kok ada tanda tanya. ini tandahnya active bisa diisi value bisa tidak. tapi biasanya jika type data yang dideklarasikan optional maka secara otomatis dia sebenarnya memiliki dua type.

active?: boolean
===== is equal =====
active: boolean | undefined

nah active ini jika duat sebagai optional type makaselain boolean juga memiliki type undefined

Itu dulu beberapa hal yang harus diperhatikan jika kita mulai migrasi dari JS ke TS. mungkin selanjutnya saya tambah tentang interfaces vs class.