Repository ini adalah catatan pribadi React JS dan example mini project. Di dalamnya akan terdapat beberapa module, dan juga terdapat hasil dari Tutorial React di laman resminya. Kunjungi folder react-tutorial.
Selanjutnya, akan diisi sebagai catatan dari kelas premium Udemy.
Sejak React JS adalah sebuah library Javascript, maka dari itu perlu untuk kita memahami secara komprehensif sintaks dan penggunaan Javascript. Terdapat sebuah folder yang dapat anda kunjungi di repository ini yaitu basic-js
React adalah library JavaScript front-end sumber terbuka dan gratis untuk membangun antarmuka pengguna atau komponen UI.
Kenapa menggunakan komponen? Tentu agar memudahkan developer dalam mengembangkan website atau aplikasi yang lebih kompleks, tanpa ada repetisi dalam coding (reusability). Selain itu juga untuk memisahkan tiap-tiap fungsi dari sebuah masalah ke masing-masing komponennya.
Misalnya kita dapat memisahkan komponen header, form, button dan sebagainya. Hingga akhirnya kita satukan ke dalam 1 aplikasi.
Bagaimana komponen terbuat? Pada dasarnya komponen terbuat dari gabungan HTML JS dan CSS. Dengan konsep declarative approach.
Untuk membuat React Project, pertama kita membutuhkan Node Js dan NPM terinstall. Lalu jalankan npx create-react-app namaApps.
Maka dari sana akan menghasilkan struktur folder dan file React seperti di folder react-basic.
Setelah itu untuk menjalankan React Application, jalankan npm start di terminal pada folder project react-basic tadi. Dan jalankan di browser localhost:3000.
Secara default, React akan mengeksekusi index.js, yang mana di dalamnya akan mengimport component yang ada di App.js. Index.js akan mengeksekusi method render dari ReactDOM yang sebelumnya telah diimport ke file index.html (id=root) di folder public.
Berikut ini adalah tutorial React Basic yang dapat anda kunjungi pada folder ini.
Untuk belajar mengenai fitur-fitur yang lebih advance di React, anda dapat mengunjungi folder Advanced React JS pada repository ini.