Langkah - Langkah Membuat Project JSX

 Untuk membuat aplikasi JSX (JavaScript XML) kamu sebenarnya sedang mambahas pembuatan aplikasi React, karena JSX adalah sintaks khusus yang digunakan oleh React untuk menulis HTML dalam JavaScrit.

Berikut Langkah Langkah cara membuat aplikasi JSX menggunakan React

1. Persiapan: Pastikan Node.JS Terinstal

Cek terlebih dahulu apakah node.js sudah terinstall atau belum dengan masuk ke command line lalu ketik perintah di bawan ini :

node -v

npm -v

jika belum unduh dan install dari htpps://nodejs.org

     2. Persiapan: Pastikan Node.JS Terinstal

Gunakan vite untuk membuat project React dengan JSX

npm create vite@latest nama_proyek_anda

pada saat ada pilihan maka kita pilih framework React Varian : JavaScript

setelah di buat maka kita masuk ke project kita dengan ketik : cd nama_project 

kemudian npm install kemudian jalankan dengan npm run dev maka project react dengan JSX yang kita buat sudah jalan bisa di buka di browser dengan mengetik http:localhost:5173 

   3. Contoh Penggunaan JSX

Buka file src/App.jsx lalu coba ubad kode nya seperti di bawah berikut :

Keterangan :

• {name} di dalam tag <h1> menunjukan ekspresi JavaScript dalam JSX
• JSX hanya boleh memiliki 1 element pembungkus, makanya semua dibungkus dalam <div>

   4. Struktur Folder sederhana

    5. Tambahan (Styling dan Komponen)

Contoh komponen tambahan :

src/component/Welcome.jsx

src/App.jsx

Untuk menambahkan template dasar (dengan Tailwind CSS atau Routing)