Oke, Apa Itu React? (Part 1)

Monday. December 04, 2017 - 1 min

Sebelum saya menjelaskan hal tersebut, akan lebih baik mungkin saya memperlihatkan sedikit mengenai React :) (Mungkin akan membutuhkan waktu beberapa saat sebelum anda melihat CodePen dibawah)

See the Pen Oke, Apa Itu React? (1) by imamassi (@imamassi) on CodePen.

CodePen diatas sudah ditambahkan react.js (dari https://unpkg.com/react/umd/react.development.js) dan react-dom.js (dari https://unpkg.com/react-dom/umd/react-dom.development.js). ReactDOM ( ReactDOM.render() ) didapat dari react-dom.js .

Jika anda melihat tab HTML di CodePen diatas, maka kita akan melihat bahwa kita tidak akan melihat tulisan ‘Hello, world!’, ‘Hello, world!’ dirender dari kode Javascript (Tab Babel berisi JSX, Javascript, berbeda sedikit, akan dibahas sebentar lagi) kita.

ReactDOM.render(
  <h1>Hello, world!</h1>,
  document.getElementById('root')
);

Diatas, secara sekilas kita dapat mengartikan bahwa ReactDOM mencari di dokumen HTML sebuah elemen dengan id root, lalu, ia mengubah elemen tersebut dengan elemen h1 yang memiliki konten ‘Hello, world!’.

Dari sini, kita dapat melihat salah satu fitur React, kita dapat melempar sebuah elemen HTML ke React, dan React kelak akan memprosesnya lebih lanjut

Imam Assidiqqi

Founder of Imam.tech