Cara Kerja React JS
Cara Kerja React JS
Berikut ini saya akan menjelaskan cara kerja aplikasi ReactJS dalam bentuk beberapa struktur komponen berikut :
1. Bahwa setiap file yang pertama dijalankan oleh sebuah aplikasi brbasis web adalah index.html
2. Folder file ReactJS, dimana file index.html berada di folder public / build.
3. Namun didalam file index.html hanya terdapat satu baris code di bagian tag <body>, yaitu : <div id="root">. . . . .</div>. Sedangkan apapun yang ingin ditampilkan dibrowser harus berada di tag <body>.
4. Folder file Cara Kerja React JS di folder src terdapat baris code :
ReactDOM.render(<APP />, document.getElementById('root'));
Jadi div root akan berisi <APP /> yang dirender (diterjemahkan) ReactDOM.
5. Isi folder src file dari index.js berisi code ini :
import App from './App';
Jadi isi dari <App /> merujuk kepada file App.js yang masih berada di folder yang sama dengan index.js, yaitu di src.
Note :
- Kita tidak usah susah / ribet memikirkan bagaimana cara kerja React dalam me-render / mengeksekusi aplikasi.
- Sebagai developer / programmer kita cukup fokus coding pada file App.js dan semua yang terkait dengannya berada di folder src. Jadi, coding apapun yang kita buat di App.js akan dikirimkan ke file utama (index) yang dinyatakan layar oleh kode : export default App;
- Sedangkan file pada folder selain folder src akan berjalan di belakang layar, tidak perlu kita utak -atik , kecuali dalam kondissi masih diperlukan untuk me-link / konfigurasi aplikasi secara manual. Oh iya, untuk mengubah judul aplikasi tetap di file index.html, tepatnya pada tag <title>.