Tag: reactjs

reactjs

Cara Menyalakan Project Reactjs yang telah di-build

light writer

Buka terminal dan masuk ke folder project reactjs (contoh di sini bernama “dashboard”) Cek di folder tersebut sudah ada folder build atau belum Jika belum ada, berarti project tsb belum di-build (Lihat di sini untuk build project react js) Jika sudah ada folder “build”, maka project sudah di-build dan siap untuk dinyalakan Jalankan command : serve -s build Cek service project tersebut sudah menyala dengan membuka web browser lalu pasang url : http://localhost:5000. Jika saat menjalankan command serve -s build muncul error yang menyatakan command not found, coba install serve…

Cara Build Project Reactjs

light writer

Dari sumber : https://reactjs.org/docs/create-a-new-react-app.html Cara build project reactjs adalah : Buka terminal lalu masuk ke folder project (di contoh ini bernama “dashboard“) Lalu run command : npm run build Command npm run build akan membuat folder baru bernama “build“. Lokasi folder build ada di dalam folder “dashboard“. Agar lebih jelas, berikut screenshot di dalam folder “dashboard“

Menggunakan npx untuk men-generate reactjs Project

light writer

Dikutip dari sumber : https://reactjs.org/docs/create-a-new-react-app.html#create-react-app masuk ke folder tempat kamu menyimpan project (di sini saya masuk ke ~/Desktop/Projects) gunakan command :npx create-react-app dashboardcommand tersebut men-generate folder bernama “dashboard” di direktori “~/Desktop/Projects” berisi template dan source code. Begini penampakan di dalam folder “dashboard” ketika dibuka dengan VSCode. gunakan terminal dan masuk ke folder “dashboard” tsb. lalu jalankan commandnpm start di terminal untuk menyalakan service-nya. lalu buka http://localhost:3000 di browser. Begini penampakannya di browser.