Membuat Perintah Dalam React

Sekarang saat kita akan membuat perintah pertama dengan React. Hal pertama yang teman-teman harus tahu adalah cara kerja React. Dalam React, kita menulis tag-tag HTML di dalam JavaScript, menggunakan format JSX. Kode HTML itu disimpan dalam sebuah class-class, kemudian dirender untuk ditampilkan ke browser.

Untuk merender HTML, kita menggunakan perintah:

ReactDOM.render(
    // tag HTML yg akan ditampilkan,
    // tag HTML sebagai tempat/wadah
);

Contoh:

Silahkan teman-teman ketik di dalam tag body yang kita sudah buat pada artikel http://www.dumetschool.com/blog/Persiapan-Belajar-React.

<script type="text/babel">

// React Render
ReactDOM.render(
    // HTML yang akan dirender
    <h2>Hello World</h2>,
    // Wadah/Tempat untk menampilkan HTML
    // (Saya menempatkan dalam tag <body></body>)
    document.body
);

</script>

Type text/babel berfungsi untuk mengenali format JSX.

Sekarang jalankan index.html pada browser.

Pada artikel selanjutnya kita akan belajar membuat class dalam React.

29 September 2016

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Kursus Postgre SQL Database Developer Terbaik 2024 di Jakarta
chat