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

Share
Published by
rasupe

Recent Posts

Teks panjang jadi titik-titik dengan css

Bismillaahirrohmaanirrohiim... Saat kita membuat kotak dengan lebar dan tinggi tertentu, tentunya teks didalamnya harus kita…

3 weeks ago

Bekerja dengan clearfix di css untuk posisi gambar dan teks dalam kotak

Bismillaahirrohmaanirrohiim... Clearfix pada css biasanya digunakan untuk menangani posisi elemen saat menggunakan float, dimana float…

3 weeks ago

Fix npx atau npm tidak jalan di windows

Bismillaahirrohmaanirrohiim... Setelah menginstall node.js dan ingin menggunakan perintah npx atau npm di power shell atau…

4 weeks ago

CPU usage tinggi pada server

Bismillaahirrohmaanirrohiim... Untuk mendeteksi cpu usage tinggi memang perkara rumit, adakalanya karena codingan bermasalah, akses ke…

3 months ago

Membersihkan log mongodb yang besar

Bismillaahirrohmaanirrohiim... Jika tidak dirawat dan dicek berkala, log mongodb akan semakin membesar. Bahkan sampai menghabiskan…

3 months ago

Cara mengakses gps di HP dengan javascript

Bismillaahirrohmaanirrohiim... Jika kita membuat website yang digunakan untuk memantau lokasi HP client, maka kita memerlukan…

6 months ago