Tutorial Authentication dengan React.js & Laravel JWT #4 : Membuat Project React.js


Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com

Halo teman-teman semuanya, di artikel sebelumnya kita telah belajar banyak hal tentang RESTful API Authentication di Laravel menggunakan JWT. Di artikel kali ini kita akan belajar bagaimana cara membuat sebuah project baru dengan React.js.

Sebelum itu, pastikan teman-teman sudah melakukan installasi Node.js di dalam komputer, karena untuk membuat project di React.js kita akan membutuhkan Node.js.

Langkah 1 - Installasi Node.js

Silahkan bisa mengikuti proses installasi dari situs resminya di https://nodejs.org/ dan silahkan disesuikan dengan sistem operasi yang digunakan.

Untuk memastikan bahwa komputer telah terinstall Node.js, kita bisa menjalankan perintah berikut ini di dalam terminal/CMD :

node --version
npm --version

Jika berhasil, maka akan keluar versi dari Node.js dan NPM, kurang lebih seperti berikut ini :

img

Langkah 2 - Membuat Project React.js

Karena Node.js sudah berhasil terinstall, maka sekarang kita sudah bisa membuat project React.js. Silahkan masuk ke dalam folder dimana teman-teman akan menyimpan projectnya, kemudian jalankan perintah berikut ini di dalam terminal/CMD :

npx create-react-app@4.0.3 react-auth

Perintah di atas akan digunakan untuk membuat project React.js baru dengan nama react-auth, silahkan tunggu proses installasinya sampai selesai dan pastikan teman-teman terhubung dengan internet.

Langkah 3 - Menjalankan Project React.js

Setelah berhasil melakukan proses installasi, sekarang kita lanjutkan bagaimana cara menjalankan project React.js. Silahkan jalankan perintah berikut ini di dalam terminal / CMD :

cd react-auth

Perintah cd di atas digunakan untuk melakukan navigasi ke dalam sebuah folder, dimana folder yang dituju adalah react-auth. Setelah itu, silahkan jalankan perintah berikut ini di dalam terminal / CMD :

npm start

Jika berhasil, maka project React.js akan dijalankan di dalam localhost dengan port 3000. Kurang lebih seperti berikut ini :

Sampai disini pembahasan bagaimana cara installasi dan menjalankan project React.js. Di artikel selanjutnya kita akan belajar menginstall framework Bootstrap dan melakukan konfigurasi router.

Terima Kasih



Fika Ridaul Maulayya
Full-Stack Web Developer, Content Creator and CO-Founder Santri Koding. I share everything i know with Articles, Screencasts and E-Books at SantriKoding.com

Suka dengan tulisan di SantriKoding? Kamu bisa memberikan dukungan dengan berdonasi atau bagikan konten ini di sosial media. Terima kasih atas dukungan Anda!

KEBIJAKAN KOMENTAR

Saat memberikan komenatar silahkan memberikan informasi lengkap tentang error, seperti: screenshot, link kode, dll. Baca aturan komentar kami

KOMENTAR