Cara Install React.js Dengan NPX

Cara Install React.js Dengan NPX – Hallo sahabat Kopi Coding, Pada postingan kali ini kita akan mempelajari cara install React.js dengan npx. React.js merupakan library Javascript yang digunakan untuk membangun user interface (antarmuka pengguna) yang dikembangkan oleh Facebook inc. Untuk mengetahui React.js lebih lanjut dapat membuka website React.js.

Cara Install React.js Dengan NPX

Sebelum melakukan instalasi React.js di komputer kita harus terkoneksi internet dan terinstall Node.js terlebih dahulu.

Baca Postingan :

Cara Install Node.js Di Ubuntu

Cara Install React.js Dengan NPX

Langkah 1 : Install NPX

Facebook selaku pengembang React.js merekomendasikan penggunaan NPX untuk membuat project React. Sebelumnya kita harus menginstall NPX terlebih dahulu, buka terminal dan ketikkan command line berikut :

$ npm install -g npx

Note: Untuk pengguna sistem operasi Linux dan MacOS harus menggunakan sudo.

Langkah 2 : Membuat Project React

Membuat Project :

npx create-react-app kopicoding
Cara Install React.js Dengan NPX
Gambar Install React.js Dengan NPX

Pada command line tersebut kita akan membuat project dengan nama kopicoding. Setelah selesai maka React.js membuat folder project kopicoding dan generate file-filenya.

Gambar struktur folder React.js
Gambar struktur folder React.js

Menjalankan Project React:

$ cd kopicoding
$ npm start

Command cd kopicoding untuk pindah ke direktori project yang sudah dibuat. Sedangkan npm start untuk menjalankan project react.

Untuk melihat tampilan hasil project React.js kita dapat membuka browser dan mengetikkan 127.0.0.1:3000 atau localhost:3000 di address bar browser.

Kesimpulan :

React.js merupakan library Javascript yang digunakan untuk membangun user interface (antarmuka pengguna) yang dikembangkan oleh Facebook inc. Untuk instalasi React.js kita dapat menggunakan NPX. Sebelumnya harus menginstall terlebih dahulu Node.js dan npx. Setelah instalasi selesai kita dapat membuat project dengan React.js. Untuk menjalankan project kita dapat mengetikkan npm run dan kita dapat melihat melalui browser dengan mengetikkan 127.0.0.1:300 atau localhost:3000.

Sekian tutorial instalasi React dengan NPX, semoga bermanfaat.

Happy Coding 🙂

Share Post:

Add a Comment

Your email address will not be published. Required fields are marked *

Ads Blocker Image Powered by Code Help Pro

Ads Blocker Detected!!!

We have detected that you are using extensions to block ads. Please support us by disabling these ads blocker.