Categories: ReactJS

Cara mudah install React JS dengan cepat

Bismillaahirrohmaanirrohiim…

Sudah tau React JS?

React JS merupakan library javascript yang saat ini sangat populer untuk membuat tampilan website.

Kenapa harus belajar react js? ada banyak jawaban untuk pertanyaan tersebut.

Tapi jangan terlalu sibuk searching sementara kita melupakan “memulai” praktek react js.

Untuk memulai belajar react js, kita harus menginstall dulu app react js sampai bisa tampil di komputer kita.

Berikut cara mudah dan cepat install react js berlaku di semua OS.

1. Install nodeJS

caranya download installernya di https://nodejs.org/
lalu install sampai sukses.

setelah selesai install nodejs, buka CMD / DOS / Terminal, ketik
npm -v

2. Install create-react-app

tentukan lokasi install react, misalkan kalau di windows D:/belajar-react/ (buat folder tersebut kalau belum ada)
ketik di CMD/DOS
d:
cd belajar-react

jika posisi sudah di folder tersebut, ketikkan perintah

npm install -g create-react-app

untuk cek sukses / tidak, ketikan perintah:

create-react-app --version

3. Buat project react js

ketikkan perintah

create-react-app web-reactku
cd web-reactku
npm start

tunggu sebentar, nanti otomatis buka halaman web dengan alamat localhost:3000
jika ada error ketikkan perintah

npm install
npm start

Hasilnya:

4. Selesai

Kesimpulan
Menginstall react js sangat mudah, memang banyak ditemukan cara lain untuk menginstall react js.
namun untuk pemula seperti saya, menggunakan create-react-app adalah cara termudah memulai belajar reactjs.

Jika ada error atau ada yang ingin ditanyakan silahkan tinggalkan komentar dibawah ini.

Bagikan
rasupe

View Comments

  • C:\Users\ivan\reactj\lat1>npm install
    npm WARN tsutils@3.17.1 requires a peer of typescript@>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta but none is installed. You must install peer dependencies yourself.
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@2.1.2 (node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@2.1.2: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\jest-haste-map\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\watchpack-chokidar2\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
    npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.13 (node_modules\webpack-dev-server\node_modules\fsevents):
    npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.13: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

    up to date in 36.89s

    63 packages are looking for funding
    run `npm fund` for details

    untuk npm install.

  • maaf min saya di step create-react-app nama-file nya stuck, ga jalan, dan sudah ditunggu sampe sejam ga jalan juga. Itu gimana ya min?

Share
Published by
rasupe

Recent Posts

Cara Mematikan Mode SSL Virtualmin Webmin

Bismillaahirrohmaanirrohiim... masalah muncul saat akses https://ipaddress:10000 muncul seperti ini Error – Document follows This web…

2 days ago

eBook: menjadi kaya dimasa kini dan masa depan

Bismillahirrohmaanirrohiim... Ebook ini menghadirkan wawasan mendalam mengenai pergeseran kekayaan dari uang, aset, tanah, dan bahan…

2 weeks ago

Tombol back tutup modal bootstrap tanpa kembali ke halaman sebelumnya

Bismillaahirrohmaanirrohiim... Jika kita membuat aplikasi web base menggunakan bootstrap, saat user membuka modal, kadangkala mereka…

2 weeks ago

Kode css yang berguna

Bismillaahirrohmaanirrohiim... Berikut ini kumpulan css yang berguna, untuk mengingat saja. Input atau button delay saat…

3 weeks ago

Grouping warna pada tabel dengan PHP

Bismillaahirrohmaanirrohiim... Berikut ini cara grouping warna baris pada tabel dengan PHP, dimana jika ada kode…

1 month ago

CMS Website Desain Interior – PHP MySQL

CMS (Content Management System) Web untuk Desain Interior adalah solusi lengkap untuk mempresentasikan bisnis desain…

1 month ago