frontend, info, javascript

REACT JS – KENAPA REACT JS ?

Spread the love

Sebelum bahas terlalu jauh, mari kita siapkan kopi dan cemilan sebelum berkenalan dengan platform react js agar lebih santai hehe, mungkin di benak kita terlintas, kenapa kita belajar react js ?

APA ITU REACT ?

React adalah framework dimana hanya di gunakan untuk UI ( user interface ),
jadi react tersebut tidak mengurusi model ataupun controller, kita lebih fokus di bagian frontend saja, di react sendiri sangat efisien jika di gunakan untuk aplikasi dalam sekala besar, karena kita bisa memotong per bagian – bagian terkecil yang sering di sebut dengan komponen.

KOMPONEN

Komponen adalah bagian dari sebuah website yang mana akan mempermudah untuk memperbaiki jika kebutuhan kita berubah, contohnya jika kita membuat beberapa halaman dimana halaman tersebut ada sebuah banner dan banner itu akan di rubah tampilannya maka kita tidak perlu merubah keseluruhannya.

Dengan adanya komponen di react ini maka programmer akan lebih cepat dalam proses pengerjaan sebuah website, kenapa demikian karena programmer dapat menggunakan komponen tersebut secara berulang, dengan data berbeda.

ONE WAY DATA FLOW

Setelah kita tahu bagaimana bagian – bagian dari sebuah website bisa di pakai berulang – ulang kita di bingungkan tentang bagaimana alur dari data tersebut, biasanya jika kita menggunakan “Asynchronous JavaScript and XML” kita di rumitkan oleh dom dan data2 yang akan di masukannya.

jika kita sudah menggunakan react maka kita akan lebih mudah mendistribusikan data lewat parent ( induk dari komponent ) ke komponen yang lebih kecil di dalamnya.

adapun untuk event listenernya arah yang terbalik, dia akan lebih dulu menjalankan child ( anak / bagian dari komponen terkecil ), karena react menggunakan virtual dom maka performa react lebih ringan.

APA ITU VIRTUAL DOM ?

sebelum pertanyaan kembali itu membuat bingung lagi, kopi yang tadi kita seduh kita sruput dulu biar relax lagi hehe.

virtual dom adalah …

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.