Frontend Web Development with React Session 1

Untuk membuat sebuah proyek ReactJS dengan CRA, maka kita perlu memberikan perintah melalui terminal, yaitu

• create-react-app <my-app>
• cra <my-app>
• create-app <my-app>
• create-reactjs-app <my-app>

Perhatikan sintaks berikut “const element = <h1>Hello World!</h1>;” kode di sebelah kanan tanda “=” adalah kode dalam bahasa

• Javascript
• HTML
• CSS
• JSX

React Component terbagi menjadi 2, yaitu Class Component dan Functional Component, perbedaan antar keduanya adalah

• Tidak ada perbedaan
• Class Component khusus digunakan untuk kode OOP sedangkan Functional Component untuk kode AWS
• Class Component lebih baru dan lebih bagus dibandingkan Functional Component
• Class Component menggunakan konsep OOP sedangkan Functional Component menggunakan function

Props merupakan variabel dalam bentuk

• Data primitive string
• Data primitive numeric
• Data struktur array
• Data struktur object

ReactJS akan melakukan re-rendering ketika

• Props berubah, sedangkan state diabaikan
• State berubah, sedangkan props diabaikan
• Props dan/atau state berubah
• Bukan keduanya, melainkan saat Component dipanggil