Sintaks Dasar JSX dan HTML

 Pengertian JSX

JSX (JavaScript XML) merupakan eksistensi sintaks JavaScript yang di pergunakan di react untuk menulis element UI. JSX terlihat seperti HTML, tetapi di tulis didalam file JavaScript dan dikompilasi menjadi JavaScript murni oleh Babel.

HTML adalah bahasa markup standard yang digunakan di browser untuk menyusun halaman web

Contoh :

Mengapa Kita Menggunakan JSX?

> Membuat kode lebih mudah dibaca dan di tulis

> Mendeklarasikan element UI seperti menulis HTML

> Mendukung ekspresi JavaScript di dalam tanda kurung {}

Sintaks Dasar JSX

1. Element JSX

2. JSX Harus Satu Element Root

3. Menyisipkan JavaScript dalam JSX

Gunakan {} untuk memasukan ekpresi JavaScript

Atribut JSX

1. Gunakan className bukan class

2. Gunakan camelCase untuk nama atribut

Perbedaan Penting JSX dan HTML

> HTML : class, for, Atribut lowercase

> JSX     : className, htmlFor, camelCase(onClick, OnChange) 

For VS htmlForm

Contoh Lengkap

Contoh JSX

Contoh HTML