Salah satu fungsi ReactJS yaitu dapat memanipulasi tampilan. Fungsi ini akan terlihat saat kita ingin mengubah nilai suatu element html. Mengubah element html dapat dilakukan menggunakan fungsi DOM yang ada pada javascript. Namun DOM pada javascript akan ribet (dari segi pengaturan alurnya) jika digunakan pada aplikasi yang besar atau sangat interaktif. Selain itu penggunaan DOM berlebihan akan mengurangi performa aplikasi. Contoh aplikasi yang ribet jika dibangun menggunakan DOM javascript yaitu sosial media (aplikasi yang dapat berintraksi banyak hal dengan user).
1, Virtual DOM
Dari beberapa sumber yang dibaca ReactJS menggunakan Virtual DOM yang denger2 performanya lebih bak daripada DOM Javascript biasa
Jelasnya bisa dibaca:
2. JSX
Dengan menggunakan JSX, kita dapat menuliskan element html pada javascript. Penulisan element html pada javascipt membantu memperindah dari segi visualisasi kode daripada harus menggunakan string.
asd
Bahanny dan contohnya bisa diambil dari:
https://github.com/facebook/reactcontoh kode:
Penulisan dengan JSX harus mamanggil type="text/babel" pada script dan
Hasil:
Gambar 1. Hasil |
Sekian dan Trimakasih