React JS #chapter 1 "Definition and About React"

React JS

React merupakan suatu library JavaScript untuk membangun user interfaces. 

Deklaratif

React menjadikan pembuatan interactive UIs dengan tanpa terasa sakit. Desain yang simple pada setiap state di aplikasi kita, dan React akan secara efisien memperbarui dan membuat komponen yang tepat ketia data berubah. Tampilan yang deklarativ membuat kode kita lebih mudah dibaca dan mudah dalam debug.

Berbasis Komponen

Pembuatan enkapsulasi komponen yang bisa me manage state nya sendiri. kemudian membuatnya menjadi UI yang rumit. Sejak komponen logic JavaScript ditulis dengan template, kita bisa dengan mudah sumberdaya data dalam app kita, dan menjaga state tersebut keluar dari DOM.

Belajar Sekali, Tulis Di Mana Saja

Kita tidak mengasumsikan stack dalam pembuatan app kita, jadi kita dapat men develop featur baru di React dan tanpa perlu menulis ulang code yang sudah kita buat. React juga dapat membuat rendes server dengan menggunakan Node dan membuat mobile app menggunakan React Native.

Simple Component

React component meng implementasikan render() method yang mengambil data inputan kemudian akan dikembalikan menjadi apa yang akan ditampilkan. Contoh nya menggunakan sintaks seperti XML yang disebut JSX. Input data yang dilewatkan ke komponen dapat diakses oleh render () melalui this.props. 

Komponen yang Stateful

Selain mengambil data input (diakses melalui this.props), komponen dapat mempertahankan data state internal (diakses melalui this.state). Saat data state komponen berubah, markup yang diberikan akan diperbarui dengan memanggil kembali render ().

Aplikatif

Menggunakan props dan state kita bisa menyatukan aplikasi Todo yang kecil-kecil. Contoh ini menggunakan state untuk melacak daftar item saat ini serta teks yang telah dimasukkan pengguna. Meskipun penangan event tampaknya dibuat inline, mereka akan dikumpulkan dan diimplementasikan menggunakan delegasi event.

Komponen Menggunakan Plugin Eksternal

React fleksibel dan menyediakan kait yang memungkinkan Anda untuk berinteraksi dengan library dan frame work lainnya. Contoh ini menggunakan library Markdown eksternal yang luar biasa, untuk mengonversi nilai <textarea> secara real time.