Starter Folder React

Apa itu React?

React adalah javascript library yang berguna untuk membuat interface pada aplikasi web atau aplikasi mobile android dan ios. Artinya kita dapat membangun web, aplikasi android, dan juga ios, hanya dengan mempelajari React.

Berikut pengetahuan minimum untuk mempelajari react:
1. Javascript dasar
2. DOM Javascript
3. ES6

Langkah awal membuat Web dengan React:

1. Install NPM dan node
   langkah ini saya gunakan melalui terminal ubuntu
   npm install npm@latest -g
Jika kompukter anda menggunakan sistem operasi lain link berikut npm
2. Selanjutnya, kita install React. Ada bebrapa cara diantara lain
   Dengan cara berikut, React yang kita install membutuhkan repository react dari internet:
   npm i -g create-react-app
npm : kita memerintahkan npm untuk menjalankan perintah
   i :instal
   -g: secra global dalam komputer
   create-react-app: install react app
3. Setelah itu kita buat project React baru
   create-react-app blog-app
Artinya kita meminta react untuk membuat project blog-app setiap membuat project baru maka react akan membuatkan kita file baru juga yang berisi dependensi dasar

berikut adalah file dasar saat kita selesai menginstall React

dari gambar diatas berikut penjelasan singkat:
1. node_modules: adalah file node.js yang sudah dimasukkan kedalam react aplikasi kita, saat tidak ada file ini maka kita tidak dapat menjalankan nodejs, saat node js tidak bisa berjalan maka react juga gak mau jalan. Kalau misal gak perlu perlu banget ngedit suatu file/folder di folder ini diamkan saja, jangan disentuh.
2. build: letak dimana file hasil build applikasi react, folder ini nanti yang kita upload/deploy ke hosting.
3. public: letak dimana file web yang menunjang kita bekerja, folder ini tidak perlu kita ubah.
4. src: ini adalah folder dimana kita akan membuat project kita, isi folder ini bisa kita sesuaikan dengan kebutuhan.
5. gitignore: adalah file yang berisi perintah untuk mengabaikan baris kode tertentu agar tidak ter push saat kita menggunakan GitHub. Ini karena tidak semua folder/file perlu kita pushdi version control, misal: .node_module folder ini begitu besar ukuranya jika harus kita pushtiap ada perubahan di kode kita.
6. package-json: informasi dependensi apa saja yang kita install secara umum, biasanya saat kita melakukan clone project seseorang dan menginstall nya di komputer kita otomatis.
7. package-lock.json: sama seperti package-json, file ini lebih spesifik merinci tentang depedensi yang kita instal. Biasanya jika kita install satu package misal: kita install rc-time-picker, versi packagenya akan muncul di file package.json tapi karena rc-time-picker ini menggunakan depedensi lain(dependensi dalam dependensi) maka si dependensi yang paling bawahlah yang akan ada di package-lock.json.