Javascript React: ES6 (ECMAScript 6)

 Assalamualaikum wr wb. Halo guys kembali lagi dengan saya. Kali ini saya akan sharing materi tentang ECMAScript 6. Kenapa ini diperlukan untuk react dan lain-lain.

ECMAScript 6

 

Merupakan sebuah standarisasi untuk javascirpt yang artinya ini merupakan versi ke 6 untuk javascript. Diperkenalkan pada tahun 2015 dan dikenal juga sebagai ECMAScript 2015.

 

Kenapa ES6?

Bruh, React menggunakan ES6 seperti classes, arrow function, variable (let, const, var).

 

Classes

 Biasanya class di react digunakan untuk membuat sebuah component. Karena pada dasarnya framework ini memecah belah 1 halaman HTML menjadi beberapa component yang saling berkaitan satu sama lain.

Seperti bahasa pemrograman lain, untuk membuat class tinggal menggunakan keyword class. Berikut sintaks/penulisannya:

class Cart { constructor(amount) { this.amount = amount; } }

 Class merupakan blueprint yang digunakan untuk membuat sebuah objek. Cara menginstansiasinya seperti berikut:

class Cart { constructor(amount) { this.amount = amount; } } Cart bike = new Cart(1); // instansiasi

//constructor dijalankan ketika class di instansiasi.

Lalu bagaimana membuat method dialam class? ini dia...

class Cart { constructor(amount) { this.amount = amount; } show(){ console.log(this.amount); } } Cart bike = new Cart(1); // instansiasi bike.show(); // invoke method

Dan ketika menggunakan React kita juga menggunakan sifat inheritance atau pewarisan. Ketika kita membuat component biasanya si component tersebut mewarisi sifat dari react component. Keyword untuk pewarisan menggunakan extends

 

Arrow Function

Bahasan mengenai arrow function

Variabel

Bahasan mengenai variabel

Mungkin sekian untuk materi kali ini, semoga bermanfaat. Wassalamualaikum wr wb.