Showing posts with label ReactJS. Show all posts
Showing posts with label ReactJS. Show all posts

Thursday 3 November 2016

Menggunakan ReactJS 1



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/react



contoh kode:

Penulisan dengan JSX harus mamanggil type="text/babel" pada script dan

Hasil:
Gambar 1. Hasil




Sekian dan Trimakasih