Dalam React, "props" adalah singkatan dari "properties" (sifat atau properti). Props adalah mekanisme untuk melewatkan data dari satu komponen ke komponen lain sebagai argumen. Props ini bersifat read-only, artinya komponen yang menerima props tidak dapat mengubah nilai props tersebut. Props digunakan untuk mentransfer data dari komponen induk ke komponen anak, memungkinkan komponen tersebut untuk dinamis dan dapat digunakan kembali dengan nilai yang berbeda-beda. Dengan props, Anda dapat membuat komponen React yang fleksibel dan dapat diatur ulang sesuai kebutuhan aplikasi. Syntak dasar dari Props adalah {props.name} atau {this.props.name}. Untuk lebih jelasnya, mari kita terapkan props pada component yang telah kita buat sebelumnya, yaitu HelloWorld. Langkah pertama : Buka file HelloWorld.js yang telah kita pelajari kemarin, lalu ubah codenya menjadi seperti ini : Kemudian update file di App.js menjadi seperti ini : Maka hasilnya akan menjadi seperti berikut ...
Apa itu React.js? React.js adalah sebuah pustaka JavaScript untuk membangun antarmuka pengguna (UI) aplikasi web. Dikembangkan oleh tim Facebook, React.js memungkinkan pembuatan komponen UI yang dapat digunakan kembali dan menggunakan konsep "Virtual DOM" untuk meningkatkan kinerja aplikasi. Ini mendukung paradigma pemrograman berbasis komponen, membuat pengembangan aplikasi web menjadi lebih terstruktur dan mudah dipelihara. Latihan: Hello World di React Buat folder REACT-JS di exploler kemudian buka foldernya menggukana menu cmd Setiap komputer punya versi yang berbeda, untuk melihatnya gunakan perintah "- v" Install React App menggunakan perintah "npm install -g create-react-app" Buat dan instal react app misal dengan folder happy dengan perintah "create-react-app happy" dan tunggu hingga prosesnya selesai Jika sudah selesai maka akan muncul tampilan seperti ini Kemudian masuk ke folder happy dan masukan "npm start" Belajar React,js...