Latihan 1: Apa itu SolidJS? — SolidJS

Latihan 1 dari materi Apa itu SolidJS? di SolidJS — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.

Komponen Solid paling sederhana adalah fungsi yang mengembalikan JSX. Kode awal di editor sudah berisi jawabannya, biarkan seperti itu:

function App() {
  return <h1>Halo Solid!</h1>
}

Baca kodenya: fungsi App mengembalikan satu heading <h1> berisi Halo Solid!.
Tekan Run Test. Editor memasang komponen App ke halaman, lalu memeriksa hasilnya.

Yang dicek:

Halaman punya elemen <h1>.
<h1> berisi persis Halo Solid! (huruf besar-kecil dan tanda seru ikut dihitung).

Hint

Komponen Solid cuma fungsi yang mengembalikan JSX. Editor memasang komponen bernama App ke halaman untukmu.
Fungsinya bernama App dan isinya satu baris return dengan tag h1 di dalamnya.
function App() { return <h1>Halo Solid!</h1> }

</> { } .css => #id fn()

Versi baru

HyperSheets

bagian dari BelajarWeb.dev

Membuka gerbang…

Latihan 1: Apa itu SolidJS? — SolidJS

Hint

Memperbarui Aplikasi