Membuat Front End Sederhana di Reach JS dan Go

Langkah yang harus dilakukan dalam membuat Front End menggunakan React Js dan Go adalah

Catatan penting yang harus dilakukan terdiri dari

1. Instal React Router "npm install react-router-dom"
2. Dianjurkan instal versi ke 5 : npm install react-router-dom@v5.3.0

Jika Anda memilih untuk menginstal React Router versi 6, Anda akan mengalami masalah yang signifikan sebelum terlalu lama, sebagian besar karena penulis tidak mendukung mendapatkan parameter rute dengan baik kecuali Anda menggunakan komponen fungsional. Meskipun mungkin ada cara untuk mengatasi ini,  banyak yang harus dikerjakan, dan sangat rawan kesalahan. 

Membuat aplikasi Front End dan memperkenalkan React Router

Seperti yang sudah dilakukan sebelumnya yang pertama dilakukan adalah membuat project baru yang akan digunakan

1. Disini saya akan membuat project dengan nama go-movies (info film) , npx create-react-app go-movies
2. Setelah berhasil buka projectnya di VsCode
3. Hapus File pada folder src terdiri dari : App.css, App.test.js, logo.svg, reportWebVitals.js, setupTests.js
4. pilih Index.js file - bersihkan kodingannnya, 
5. hapus import reportWebVitals from './reportWebVitals';
6. hapus komentar - reportWebVitals();
7. buka App.js 
8. hapus import logo nya
9. hapus <div className........ sampai </div> 
10. selanjutnya kita akan gunakan index.html sebagai page utama pengganti App.js
11. Pilih Repo Public dan klik Index.html (ini yang akan kita ganti tampilannya)
12. Untuk mempermudah kita pakai bootsrap saja dan klik Docs Bootstrap
13. copy css nya menggunakan CDN Links
14. 
    
    
    
15. Kembali lagi pada repo src/App.jd dan tambahkan codingan ini
16. 
    
    
    
17. Buka React Router instal GUI (cara 1)
18. Instal react router pada terminal npm instal react-router-dom (Cara 2)