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.
makasih admin artikelnya sangat membantu
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.
gak bisa juga min
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?
errornya apa gan?
min saya juga